0

以下は私のコードです

$('#dob').datetimepicker({
  format: 'DD-MM-YYYY',
  maxDate: new Date("2009", "01", "01"),
  useCurrent: false
});

しかし、インターフェースをテストすると、すでに無効になっている日付 (当月) がポップアップ表示されます。これはユーザーフレンドリーではありません。最大許容月を開くように修正するにはどうすればよいですか? (2009年1月) 以下の画像を参考にしてください。

私はグーグルで調べましたが、これに対する答えは見つかりませんでした。

ここに画像の説明を入力

4

2 に答える 2

1

オプションを使用viewDateできます：

これによりviewDate、選択した日付を変更または設定せずに が変更されます。

ここにライブサンプルがあります：

$('#dob').datetimepicker({
  format: 'DD-MM-YYYY',
  maxDate: new Date(2009, 0, 1),
  useCurrent: false,
  viewDate: new Date(2009, 0, 1)
});
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.css" rel="stylesheet"/>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>

<div class="container">
  <div class="row">
    <div class="col-sm-12">
      <input type="text" class="form-control" id="dob" />
    </div>
  </div>
</div>

于 2019-02-07T09:51:13.983 に答える