jquery - 如何在 ui 日期选择器中禁用以前的日期

Question

我有如下脚本:

<script>
  $(document).ready(function() {
      $("#sDate , #eDate").datepicker({
          dateFormat: 'yy-mm-dd',
          showOn: "button",
          buttonImage: "images/calendar.gif",
          buttonImageOnly: true
      });
  });

我的html输入框如下:

<input type="text"  readonly name="scheduleStartDate" id="sDate" />
<input type="text"  readonly name="scheduleEndDate" id="eDate" />

当我点击图片时，我得到了输入字段的 ui 日历，请帮助我禁用日历中的以前日期，以便用户只能选择从今天开始的日期和以后的日期。谢谢你!

Answer 1

像这样在您的代码中使用 minDate 属性

<script>
$(document).ready(function(){
    $( "#sDate , #eDate" ).datepicker({
        dateFormat: 'yy-mm-dd',
        showOn: "button",
        buttonImage: "images/calendar.gif",
        buttonImageOnly: true,
        minDate: new Date(2015, 6, 29)
    });
});
</script>

其中 2015 是年份，6 是月份，29 是日期。 29/06/2015 之前的日期将被禁用。

注意:假设您使用的日期选择器是 jQuery datepicker。