如何在DateTime Picker中设置最小开始日期

Question

在我的项目中，我有动态的开始日期＆amp;过期日期，我需要将过期日期最短日期设置为特定的开始日期

我生成所有已加星标的日期＆amp;动态过期日期（可以添加按+点击＆amp;能够删除）

有这样的id：

txtCertificateIssuedDate1,txtCertificateIssuedDate2,txtCertificateIssuedDate3....

＆安培;

txtCertificateExpiredDate1,txtCertificateExpiredDate2...

我将此代码放在ready function中，因此我可以点击日期时间选择器 但是如何处理特定开始日期的过期日期最短日期？..

$('input:text[id^=txtCertificateIssuedDate]').datepicker("option","dateFormat", 'mm/dd/yyyy');

$('input:text[id^=txtCertificateExpiredDate]').datepicker( "option", "dateFormat", 'mm/dd/yyyy');

Answer 1

您可以在DOM准备就绪时执行此操作：

$('aCertificateIssuedDateSelector').datepicker({
    onClose: function (selectedDate) {
        // Set the minDate of 'to' as the selectedDate of 'from'
        $('aCertificateExpiredDateSelector').datepicker("option", "minDate", selectedDate);
    }
});
$('aCertificateExpiredDateSelector').datepicker();

这是fiddle

Answer 2

您可以在选项

中传递minDate参数

minDate: new Date()

它会设置今天是您可以通过任何日期的最短日期。比如2001年1月1日

minDate: new Date(2001, (month - 1) , 1),

Answer 3

您可以使用 -

轻松完成此操作

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

这将帮助您在jquery日历上设置最小日期和最长日期，并将当前日期设置为默认选择日期。您可以使用setDate方法将任何日期设置为默认日期。

要动态设置，请查看此链接

https://forum.jquery.com/topic/how-to-set-minimum-and-maximum-date-dynamically-in-jquery-ui-date-picker

Answer 4

感谢所有人，

我找到了解决方案，

$("input:text[id^=txtCertificateIssuedDate]").datepicker().on('changeDate', function (selected) {
var res =$(this).attr('id').replace(/[^0-9\.]+/g, "");
$("#txtCertificateExpiredDate"+res).datepicker('setStartDate', $('#txtCertificateIssuedDate'+res).val()); });