如何在jquery UI datepicker之前禁用日期？ [英] How to disable dates before today in jquery UI datepicker?

问题描述

我正在做一个酒店预订系统，我必须在jQuery UI中禁用以前的日期datepicker
这里是代码

调用.cs

  public class CheckLookup 
 {
 [DataType（DataType.Date）] 
 public DateTime checkindate {get;组; } 
 [DataType（DataType.Date）] 
 public DateTime checkoutdate {get;组; 
} 
  

这里是javascript

$（$）$（$）$（$）$（$）$（$）$（$） ;
return $ .datepicker.parseDate（yy-mm-dd，value）;
}
$（'。date'）。each（function（）{
var minDdate = getDateYymmdd（$（this）.data（））;
var maxDate = getDateYymmdd（$（this）.data（val-rangedate-max））;
$ ）.datepicker（{
dateFormat：dd-mm-yy，
minDate：minDate，
maxDate：maxDate
}）;
}）;
}）;

告诉我要在此代码中完成修改。

解决方案

您可以尝试以下方式：

  $（' ）.datepicker（{minDate：0}）; 
  

为您提供：

var maxDate = getDateYymmdd（$（this）.data（val-rangedate-max））;
$（this）.datepicker（{
dateFormat：dd-mm-yy，
minDate：0，
maxDate：maxDate
}）;
} ）;

I am making a hotel reservation system i have to disable past dates in jQuery UI datepicker here's the code

calling in .cs

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

Here's the 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
            });
        });
    });

tell me the modification to be done in this code.

解决方案

You can try this:

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

for you case:

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

这篇关于如何在jquery UI datepicker之前禁用日期？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！