如何禁用 Twitter 引导日期选择器中的结束日期范围？

Question

我想禁用前一个日期。例如，如果选择开始日期为 2015-04-01，则结束日期只能从 2015-04-01 开始。应禁用先前的日期。

$(document).ready(function () {
    var nowdate = new Date();
    var now = new Date(nowdate.getFullYear(), nowdate.getMonth(), nowdate.getDate(), 0, 0, 0, 0);
    var startdate = $("#start_date").datepicker({
        format: 'yyyy-mm-dd',
        onRender: function (date) {
            return date.valueOf() > now.valueOf() ? 'disabled' : '';
        }
    }).on('changeDate', function (ev) {
        startdate.hide();
    }).data('datepicker');
    var enddate = $("#end_date").datepicker({
        format: 'yyyy-mm-dd',
        onRender: function (date) {
            return date.valueOf() > now.valueOf() ? 'disabled' : '';
        }
    }).on('changeDate', function (ev) {
        enddate.hide();
    }).data('datepicker');
});

谢谢

Answer 1

正如艾万提到的，有几个项目与描述相符。
假设您在这里使用 bootstrap-datepicker 。您可以使用“changeDate”事件捕获所选日期并将其设置为页面上第二个日期选择器的“开始日期”（使用“setStartDate”方法）。

类似于下面的代码片段：

...
$(".dateStart").datepicker().on("changeDate",function(){
    // Get the selected date
    var startDt = $(".dateStart").datepicker("getDate");
    // Set the 'start date' for the second datepicker 
    $(".dateEnd").datepicker("setStartDate",startDt);
});

$(".dateEnd").datepicker();
...

我为此创建了一个 JSFiddle - 你可以看到它在这里工作JSFiddle

希望这可以帮助。