JQuery - 结束日期小于开始日期

标签 jquery html twitter-bootstrap

我正在尝试解决我遇到的这个问题。我必须输入标签,一个是培训开始日期,另一个是培训结束日期。我想做的是创建一个 jQuery 函数,以防止用户选择一个小于开始日期的结束日期,反之亦然。

如有任何帮助,我们将不胜感激。

<div class="control-group">
    <label class="control-label">Training beggining date:</label>
    <input id="StartDate" style="margin-left: 10px;" size="16" type="text"/>
</div>
<div class="control-group">
    <label class="control-label">Training completion date:</label>
    <input id="EndDate" style="margin-left: 10px;" size="16" type="text"/>
</div>

最佳答案

$(document).ready(function(){
    $("#StartDate").datepicker({
        numberOfMonths: 2,
        onSelect: function(selected) {
          $("#EndDate").datepicker("option","minDate", selected)
        }
    });
    $("#EndDate").datepicker({ 
        numberOfMonths: 2,
        onSelect: function(selected) {
           $("#StartDate").datepicker("option","maxDate", selected)
        }
    });  
});

关于JQuery - 结束日期小于开始日期,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19317678/

相关文章:

css - Bootstrap CSS - 长文本会在面板外溢出

java - 如何在 JavaScript 中从 servlet 传递值

javascript - ng-model 值中的 AngularJS 日期未传递给 Controller

javascript - IE11 使用 ng-attr-data 为对象添加斜 Angular 边框

css - Bootstrap @media 最小宽度

javascript - Twitter Bootstrap 的多个问题 - 切换工具提示、无响应

javascript - 当我们点击子复选框时如何获取父级的父ID

javascript - 是否有一个 xmpp 客户端可以在页面刷新时保持聊天?

html - 使用 Lambda、API 网关和 HTTP 请求将 AWS RDS 的查询结果显示到公共(public)网页

html - 在背景图像上居中文本