如何在 jquery UI datepicker 中禁用今天之前的日期?

Posted

技术标签:

【中文标题】如何在 jquery UI datepicker 中禁用今天之前的日期?【英文标题】:How to disable dates before today in jquery UI datepicker? 【发布时间】:2012-06-22 09:05:11 【问题描述】:

我正在制作酒店预订系统,我必须在 jQuery UI 日期选择器中禁用过去的日期 这是代码

在 .cs 中调用

   public class CheckLookup
        
            [DataType(DataType.Date)]
            public DateTime checkindate  get; set; 
            [DataType(DataType.Date)]
            public DateTime checkoutdate  get; set; 
        

这里是javascript

 $(document).ready(function () 
        function getDateYymmdd(value) 
            if (value == null)
                return null;
            return $.datepicker.parseDate("yy-mm-dd", value);
        
        $('.date').each(function () 
            var minDdate = getDateYymmdd($(this).data(""));
            var maxDate = getDateYymmdd($(this).data("val-rangedate-max"));
            $(this).datepicker(
                dateFormat: "dd-mm-yy", 
                minDate: minDate,
                maxDate: maxDate
            );
        );
    );

告诉我在这段代码中要做的修改。

【问题讨论】:

【参考方案1】:

你可以试试这个:

$('.date').datepicker( minDate: 0 );

你的情况:

$('.date').each(function () 
   var maxDate = getDateYymmdd($(this).data("val-rangedate-max"));
   $(this).datepicker(
         dateFormat: "dd-mm-yy", 
         minDate: 0,
         maxDate: maxDate
   );
);

【讨论】:

其工作的伟人,但格式自动从 dd-mm-yy 更改为 mm-dd-yy @SahilPopli 我认为 dateFormat 不应该改变,见这里jsbin.com/ecome/25/edit 嘿,我已经完成了,我还需要一个帮助,如果我将签入日期设置为 2012 年 8 月 8 日,则第二个日期选择器设置为 2012 年 8 月 21 日,如何做到这一点告诉 plz跨度>

以上是关于如何在 jquery UI datepicker 中禁用今天之前的日期?的主要内容,如果未能解决你的问题,请参考以下文章

如何触发 jQuery UI DatePicker onclick?

如何通过 npm jquery-ui-datepicker-with-i18n 导入 laravel?

如何更改 jQuery UI datepicker 的主题?

如何在 jquery-ui datepicker 中禁用动画?

如何防止在移动设备上显示 Jquery UI datepicker/timepicker

使用 jquery 验证和 jquery-ui datepicker