Jquery ui datepicker minDate大于0添加蓝色到日期，如何删除它？

Question

我正在使用Jquery ui datepicker。当向minDate添加更大的值0时。最小日期变为蓝色（突出显示）。我该如何删除它？

下面的工作片段：

$(".datepicker").datepicker({
  minDate: '0'

});

$('.button').on('click', function() {
   $(".datepicker").datepicker('option', 'minDate', '+1'); 

});

<link href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js" integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU=" crossorigin="anonymous"></script>





<div class="datepicker"></div>
<button class="button">pressMe</button>

Answer 1

你只需要更新插件的CSS。这里只是设置颜色，背景和边框ob所选择的非选择相同

$(".datepicker").datepicker({
  minDate: '0'

});

$('.button').on('click', function() {
   $(".datepicker").datepicker('option', 'minDate', '+1'); 

});1

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
  border: 1px solid #c5c5c5 !important;
  background: #f6f6f6 !important;
  color: black !important;
}

<link href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js" integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU=" crossorigin="anonymous"></script>





<div class="datepicker"></div>
<button class="button">pressMe</button>

Answer 2

设置最小日期会导致选择第一个可用日期。根据documentation你应该可以取消日期选择，如下：

.datepicker( "setDate", null );

这不起作用。在过去，有一个defect related标记为固定，但它显然仍然存在。

看起来第一个日期将自动选择，甚至样式它不能解决这个问题，但可能就是你想要的。