Bootstrap日期选择器已禁用css无法正常工作

Question

我正在使用bootstrap datepicker。我已将minimum date的datepicker设置为current date。它工作正常，我可以选择仅从当前日期开始的日期。问题是虽然以前的日期被禁用但用户无法区分活动日期和禁用日期（他只能通过将鼠标悬停在各自的日期来实现）。

如何将禁用日期设为fade，以便用户只需选择日期选择器即可理解。

 $('.dueDate').datepicker({
        autoclose: true,
        startDate: '+0d', // set default to today's date  
        datesDisabled:??//How can I set this option         
    })

Answer 1

您可以使用startDate字段指定日历的开始日期，默认情况下，禁用日期应显示为淡化/不可选。

您也可以使用daysOfWeekDisabled禁用一周中的某些天，例如周末。

例如：

 $("#datepicker").datepicker({
     startDate: "dateToday",
     daysOfWeekDisabled: "0,6",
     todayHighlight: true,
 })

修改

如果这不起作用，则可能是您的CSS问题。

你可以在下面添加如下内容（默认情况下应该在你的bootstrap-datepicker3.css文件中）：

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}

Answer 2

您可以使用此

var nowDate = new Date();
var today = new Date(
    nowDate.getFullYear(),
    nowDate.getMonth(),
    nowDate.getDate(), 0, 0, 0, 0
);

$('#date').datepicker(
    { 
        startDate: today 
    }
);