如何在UI日期选择器中禁用过去的日期

Question

I have script as below:

<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日历，请帮我禁用日历中以前的日期，这样用户只能从今天的日期及以后选择开始日期。谢谢!

- Sha

---

如果您正在使用官方的jQuery Datepicker，可以查看官方文档 http://api.jqueryui.com/datepicker/#option-minDate。 - kevpoccs

有用的信息。谢谢！ - Sha

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日是指定日期。在此日期之前的日期将被禁用。

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

- Tatha

---

我已经创建了一个新的日期对象，没有硬编码的值，现在它可以工作了。为你的努力加1。 - Sha

Answer 2

在 datepicker() 函数中设置 minDate:0

- Sa Si Kumar

---

在这种一行代码的情况下，您至少可以提供官方文档的链接。 - Akos K

@akoskm 谢谢您的关心。 - Sa Si Kumar