如何在用户界面日期选择器中禁用以前的日期

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

在datepicker（）函数中设置minDate： 0

Answer 2

像这样对您的代码使用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数据选择器。