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为日期。 2015年6月29日之前的日期将被禁用。

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

Answer 2

在minDate:0功能

中设置datepicker()

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

2 个答案: