jQuery DatePicker最小最大日期

我有jQuery日期选择器设置和工作，但希望帮助设置minDate和maxDate选项。 我目前的代码如下（没有这些选项）。 如何将defaultDate设置为defaultDate前3个月，maxDate设置为defaultDate后28天？

var expdisp = $("#expdisp").attr("value"); $("#expirydate" ).datepicker({ showOn: "button", buttonImage: "images/calendar.gif", buttonImageOnly: true, dateFormat: "dd/mm/yy", defaultDate: expdisp, showOtherMonths: true, selectOtherMonths: true, changeMonth: true, changeYear: true, }); 

Answer 1

 $(function() { $( "#datepicker" ).datepicker({ changeYear: true, minDate: '-3M', maxDate: '+28D', }); }); 

JSFiddle演示

UPDATE

您可以从默认日期计算巡视最大和最小有效日期，然后将其分配给日期选择器。

 var expdisp = $("#expdisp").attr("value"); $("#expirydate" ).datepicker({ showOn: "button", buttonImage: "images/calendar.gif", buttonImageOnly: true, dateFormat: "dd/mm/yy", defaultDate: expdisp, showOtherMonths: true, selectOtherMonths: true, changeMonth: true, changeYear: true, minDate: '-3M', maxDate: '+28D', }); 

更新演示

Answer 2

maxDate ： – 设置可以选择的最大日期。 接受日期对象或相对数字。 例如：+7，或者字符串，例如+ 6m。

minDate： –设置可以选择的最小日期。 接受数字，日期对象或字符串。

 $(document).ready(function() { $("#date").datepicker({ minDate: -3, maxDate: "1w" }); 

}）;

请参阅： – 将最小和最大日期设置为jquery datepicker

Answer 3

你可以尝试：

 var expdisp = $("#expdisp").attr("value"); $("#expirydate" ).datepicker({ showOn: "button", buttonImage: "images/calendar.gif", buttonImageOnly: true, dateFormat: "dd/mm/yy", defaultDate: expdisp, showOtherMonths: true, selectOtherMonths: true, changeMonth: true, changeYear: true, minDate: -3M, maxDate: +28D }); 

Answer 4

您还可以使用特定的日期范围。 我添加了最小开始日期，最大+ 14D。 您只需要记住与日期格式保持一致，并在MM / DD / YYYY之间使用“/”代替“ – ”。

 $('#Date').datepicker({ changeMonth: true, minDate: '10/19/2016', maxDate: '+14D', }); 

Answer 5

 $(document).ready(function () { $('input[id$=tbDate]').datepicker({ dateFormat: 'dd-mm-yy', minDate: '-0D', maxDate: '+28D', }); });