Question

我正在使用日期时间选择器，但它显示所有日期。我需要显示当前日期的日期，需要禁用当前日期的所有先前日期。以下是我的HTML和jquery代码

＆＃13;

<div class="col-md-4">
  <label class="control-label">Date and Time</label>
  <span class="star">*</span>
  <div class="input-group date form_datetime abc">
    <input type="text" size="16" readonly class="form-control" name="date_of_event" />
    <span class="input-group-btn">
      <button class="btn default date-reset" type="button">
        <i class="fa fa-times"></i>
      </button>
	  <button class="btn default date-set" type="button">
        <i class="fa fa-calendar"></i>
      </button>
    </span>
  </div>
</div>

＆＃13;

{{1}}

＆＃13;

Answer 1

你可以这样做。 new Date()今天会给你一个约会。

当您将new Date()分配给minDate时，datepicker会为您停用之前的所有日期。

jQuery(function () {
        $('.abc').datepicker({ minDate: new Date(); });

    });

Answer 2

jQuery(document).ready(function () {
    jQuery('.abc').datetimepicker({ minDate: new Date(), });

});

Answer 3

嘿，只是在jquery函数中做了如下改动：


    jQuery(function () {
       $('.abc').datetimepicker({ minDate: dateToday  });   
    });

Answer 4

<div class="col-md-4"> 
   <label class="control-label">Date and Time</label>
   <span class="star">*</span>
    <div class="input-group date form_datetime ">
    <input type="text" size="16" readonly class="form-control abc" name="date_of_event" />
    <span class="input-group-btn">
    <button class="btn default date-reset" type="button">
    <i class="fa fa-times"></i>
    </button>
    <button class="btn default date-set" type="button">
    <i class="fa fa-calendar"></i>
   </button>
   </span>
   </div>
</div>

此代码中出现的错误是您定义的位置＆＃34; abc＆＃34;类。试试上面的代码就可以了。上课＆＃34; abc＆＃34;将放在输入标签上，如示例所示。

需要在datetime选择器中禁用当前日期的先前日期

4 个答案: