3

私はこのdatetimepickerを使用します：
http://eonasdan.github.io/bootstrap-datetimepicker/Options/
基本的に私は設定したいmaxDate: moment()、つまりmaxDateは今に限定されるべきです。問題は、日付ピッカーが開かれるまでに maxDate が now() ではなくなったことです。日付ピッカーが表示されるたびに maxDate を今に設定したいと思います。

datetimepicker()すべてのインスタンスで指定するのではなく、可能であればグローバルに適用したいと考えています。moment.js を使用して現在に相対的な日付を与えることは可能ですか?

このフィドルを参照してください:
https://jsfiddle.net/0Ltv25o8/3281/
maxDate を今に設定しました。ページの読み込みから数分後に表示されますが、矢印ボタンを使用して現在の分を選択することはできません。

4

3 に答える 3

6

datepicker プラグインのカスタム バージョンを使用するのはどうですか?

maxDateNow現在までの日付/時刻を選択できる新しいパラメーター(より良い名前のアイデアはありますか?) を追加しました。

$('#datetimepicker1').datetimepicker({maxDateNow: true, format:'DD/MM/YYYY HH:mm'});

このフィドルを参照してください

于 2016-08-30T09:13:35.833 に答える
2

dp.showイベントをリッスンできるのでmaxDate、ピッカーが表示されるたびに現在の時刻に変更できます。コード例を次に示します。

$('#datetimepicker1').datetimepicker({
  maxDate: moment(), 
  format:'DD/MM/YYYY HH:mm'
}).on('dp.show', function(){
  $('#datetimepicker1').data("DateTimePicker").maxDate(moment());
});
<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"/>

<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" id="datetimepicker1">
    <input type="text" class="form-control" />
    <span class="input-group-addon"><span class="glyphicon-calendar glyphicon"></span></span>
  </div>
</div>

于 2016-08-20T17:39:49.770 に答える