jQuery datepicker:如何设置开始和结束日期

时间:2014-07-22 17:34:47

标签: javascript jquery datepicker

如何设置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

2 个答案:

答案 0 :(得分:7)

您正在错误地创建日期对象。 javascript日期对象参数是年,月,日。但是,month参数为零索引,因此请确保减去一个。有关详细信息,请查看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

正如冥王星所提到的,你也可以用MM / DD / YYYY格式化它。

答案 1 :(得分:0)

这是简单的方法,无论您将什么日期格式传递给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
});