【问题标题】:How to disable past dates from today in bootstrap datetimepicker? [duplicate]如何在引导程序 datetimepicker 中禁用从今天开始的过去日期? [复制]
【发布时间】:2015-11-25 11:22:11
【问题描述】:

无法在 bootstrap datetimepicker 中禁用过去的日期

HTML

<br/>
<div class="row">
    <div class="col-md-12">
         <h6>Datetimepicker</h6>

        <div class="form-group">
            <div class="input-group date" id="datetimepicker">
                <input type="text" class="form-control" />  <span class="input-group-addon"><span class="glyphicon-calendar glyphicon"></span></span>
            </div>
        </div>

    </div>
</div>

JavaScript

$(function () {
    $('#datetimepicker').datetimepicker();
 });

我也用过startDateatrtribute。但是没用。

小提琴here

【问题讨论】:

    标签: javascript jquery twitter-bootstrap datetimepicker eonasdan-datetimepicker


    【解决方案1】:

    startDate 选项在bootstrap-datepicker 中使用相同的选项在bootstrap-datetimepicker/Options/ 文档的任何地方都没有提到它有minDate 选项

     $(function () {
         $('#datetimepicker').datetimepicker({  
             minDate:new Date()
          });
     });
    

    FIddle

    【讨论】:

    • 通过向下钻取选择时间已禁用。如何解决这个问题?检查您在上面指出的小提琴示例。
    • 禁用前一个日期时间组合,可以选择未来日期时间
    • 昨天,我解决了这个问题。关键是 new Date() 将使当前的 HH:mm tt 作为密封时间。相反,我们应该像 'var date = new Date(); 这样直接指出小时var startDate = new Date(date.getFullYear(), date.getMonth(), date.getDate(), 0, 0, 0); var endDate = new Date(date.getFullYear(), date.getMonth() + 1, date.getDate(), 23, 59, 59);' jsfiddle.net/65vaoqkw/7/#&togetherjs=zELfaP3wpz
    【解决方案2】:

    你可以这样做:

    $(function () {
       var date = new Date();
       var today = new Date(date.getFullYear(), date.getMonth(), date.getDate());
       $('#datetimepicker').datetimepicker({ 
          minDate: today
       });
    });
    

    另一种解决方案:

    $(function () { 
      var date = new Date();
      date.setDate(date.getDate()-1);
      $('#datetimepicker').datetimepicker({ 
       startDate: date
      });
    });
    

    【讨论】:

    • 他询问了 DateTimePicker。但是你回答了 DatePicker
    • 我编辑了我的答案。谢谢一个好朋友
    • 如何禁用今天之后的所有日期?
    • 只需将 minDate 更改为 maxDate:今天
    【解决方案3】:

    我已经使用了您的小提琴并使用以下代码对其进行了更改,该代码禁用了所有过去的日期,它运行良好。

    这是Fiddle 和代码 -

    $(function () {
       $('#datetimepicker').datetimepicker({
          minDate : moment()
       });
    });
    

    【讨论】:

      猜你喜欢
      • 2017-05-10
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-07-23
      • 1970-01-01
      • 1970-01-01
      • 2021-12-30
      相关资源
      最近更新 更多