Question

我正在尝试使用jquery ui datepicker中的过去日期变灰，但让用户可以选择它们。

允许类似内容的唯一选择是minDate: 0选项，但它旨在完全禁用过去的日期。 Jquery甚至没有用不同的类标记它们来简单地应用不同的样式。

Answer 1

这应该做你想要的：

$('.datepicker').datepicker({
    beforeShowDay: function (date) {
        var d = date.getTime();
        if (d < new Date()) {
            return [true, 'myClassForPastDates', ''];
        } else {
            return [true, ''];
        }
    }
});

在函数中，您必须返回要追加的类名。但你必须查找如何覆盖默认主题的CSS。

http://jsfiddle.net/97L93a3h/21/

Answer 2

您是否尝试过beforeShowDay回调功能？

以下是一个快速示例：https://jsfiddle.net/salih0vicX/wnenpfpx/

$( "#datepicker" ).datepicker({
        beforeShowDay  : function(date) 
       {
          var today = new Date();
          var isToday = (today>date);
          if(isToday) return [true, 'myClass', 'Some caption (if needed)']; 
          else return [true, '', '']; //default ... you can pass false to disable this date
        },
    });

jQuery Datepicker - 不再强调（不禁用）过去的日期

2 个答案: