【问题标题】:jQuery datepicker: how to set start and end datejQuery datepicker:如何设置开始和结束日期
【发布时间】:2014-07-22 17:34:47
【问题描述】:

如何设置 jQuery 日期选择器的开始日期,以及开始和结束日期。我试过了,但日历仍然打开到 7 月(今天),minmax 之外的日期没有变灰?

$('#datepicker').datepicker({
    minDate: new Date('30/11/2014'),
    maxDate: new Date('03/05/2015'),
    setDate: new Date('30/11/2014')
});

See jsFiddle

【问题讨论】:

标签: javascript jquery datepicker


【解决方案1】:

您创建的日期对象不正确。 javascript 日期对象参数是年、月、日。但是,月份参数索引为零,因此请确保减去一。更多信息,请查看Date object reference

$('#datepicker').datepicker({
    minDate: new Date(2014, 10, 30),
    maxDate: new Date(2015, 2, 5),
    setDate: new Date(2014, 10, 30)
});

Live Demo

正如 Pluto 也提到的,您也可以将其格式化为 MM/DD/YYYY。

【讨论】:

    【解决方案2】:

    这是一种简单的方法,无论您将日期格式传递给 Date(),它都会自动将其设置为所需的格式。

    var today = new Date(); 
    var start = new Date('30/11/2014');
    var end = new Date('03/05/2015');
    $('#daterangepicker').daterangepicker({
    
             minDate:today,
             startDate:end,
             endDate:start
    });
    

    【讨论】: