2

私はブートストラップdatetimepickerを使用しています。これが私のスクリプトです

$('.start_datetime, .end_datetime').datetimepicker({
    format: 'YYYY-MM-DD HH:mm:ss',
    inline:false,
    ignoreReadonly: true,
    allowInputToggle: true,
    sideBySide:true,
    minDate: new Date()
});

上記のスクリプトではminDate、今日の日付に初期化していますが、結果を確認すると、今日の日付がテキストボックスの印刷値としてすでに来ていますが、印刷されたくないので、日付の選択を制限したいだけです今日より前の日付。

4

1 に答える 1

2

ドキュメントに記載されているように、デフォルトではuseCurrentオプションがであるため、ピッカーには今日の日付が表示されます。true

次のコードに示すように、に設定useCurrentするfalseと問題が解決します。

$('.start_datetime, .end_datetime').datetimepicker({
    format: 'YYYY-MM-DD HH:mm:ss',
    inline: false,
    ignoreReadonly: true,
    allowInputToggle: true,
    sideBySide:true,
    minDate: new Date(),
    useCurrent: false
});
<link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.css" rel="stylesheet"/>
<link href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.css" rel="stylesheet"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css" rel="stylesheet"/>

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script>

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

于 2016-07-26T13:00:45.090 に答える