如何删除当前日期突出显示并限制未来和当前日期的选择？

Question

我正在尝试删除当前日期突出显示并限制未来和当前日期的选择，我尝试了下面的代码

$(".datepick").datepicker("destroy");
$(".datepick").datepicker({
    dateFormat: 'dd/mm/yy',
    showOtherMonths: true,
    selectOtherMonths: true,
    maxDate: 0,
});

以上限制的是未来日期，但不是当前日期。

$(".ui-datepicker-today a").removeClass("ui-state-default ui-state-highlight ui-state-active");

也尝试过此操作来删除当前日期突出显示，但它没有删除。

Answer 1

你们非常接近。根据 documentation，值

-1

会将最大日期设置为昨天：

$(function() {
  $("#datepicker").datepicker({
    showOtherMonths: true,
    selectOtherMonths: true,
    maxDate: -1
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.13.2/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">

<p>Date: <input type="text" id="datepicker"></p>

Answer 2

 $(".datepick").datepicker("destroy");
                $(".datepick").datepicker({
                    dateFormat: 'dd/mm/yy',
                    showOtherMonths: true,
                    selectOtherMonths: true,
                    //minDate: new Date(),
                    maxDate: 0,
                    beforeShowDay: function (date) {
                       
                        var currentDate = new Date();

                       
                        if (date.getFullYear() === currentDate.getFullYear() && date.getMonth() === currentDate.getMonth() && date.getDate() === currentDate.getDate())
                        {
                          return false;
                        }
                        return true;
                    
                    }
                    
                });