2016-12-29 9 views
0

bootstrap-datetimepickerで具体的な日付の特定の時間を無効にしようとしています。考えられる問題? - bootstrap-datetimepicker v4.17.42の時間間隔で時間を無効にできません

私は、自分のニーズに合った、ドキュメントhttp://eonasdan.github.io/bootstrap-datetimepicker/Functions/#disabledtimeintervalsのdisabledTimeIntervals関数を読みました。

Iは、(v4.17.42)現在、以下のようにインストールする、いくつかの環境で試した:

$ bower install eonasdan-bootstrap-datetimepicker#latest --save 

及びIは、(同じ結果を有する)バージョン4.14.30をインストールしようとした

$ bower install eonasdan-bootstrap-datetimepicker#4.14.30 --save 

一旦全て(jquery、bootstrap、moment.js、eonasdan-bootstrap-datetimepicker)をインストールすると、datetimePickerが正常に動作します。

問題はここから:

私は時間の範囲を無効にしようとすると、私はエラーを取得していない、と私は時間の矢印をクリックすると、ピッカーは私が無効になって時間を変更することはできませんが、時間の数字をクリックしてその日のすべての時間を表示すると、理論的に「無効にされた」時間は無効として表示されず、選択することができます!

マイコード:

<html> 
    <head> 
     <script type="text/javascript" src="bower_components/jquery/dist/jquery.min.js"></script> 
     <script type="text/javascript" src="bower_components/moment/min/moment.min.js"></script> 
     <script type="text/javascript" src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script> 
     <script type="text/javascript" src="bower_components/eonasdan-bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js"></script> 
     <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css" /> 
     <link rel="stylesheet" href="bower_components/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css" /> 
    </head> 
    <body> 
     <div class="container"> 
      <div class="row"> 
       <div class='col-sm-6'> 
        <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 glyphicon-calendar"></span> 
          </span> 
         </div> 
        </div> 
       </div> 
       <script type="text/javascript"> 
        $(function() { 
         $('#datetimepicker1').datetimepicker({ 
          debug: true, 
          format: 'YYYY-MM-DD HH:mm:ss', 
          sideBySide: true, 
          disabledTimeIntervals: [ 
           [moment('2016-12-31 21:59:59'), moment('2016-12-31 23:00:00')] 
          ] 
         }); 
        }); 
       </script> 
      </div> 
     </div> 
    </body> 
</html> 

私は同じコードがこのフィドルに期待のように働いているので、それは問題である疑いがある: http://jsfiddle.net/gLzvqqrj/3/

誰がで使用されているのDateTimePickerのバージョンを確認する方法を知っていますフィドル? または、なぜコードが機能しないのですか?

+1

あなたに外部ソースにリンクをクリックするとFiddle、ファイルの最初の行は '/ *!バージョン:4.14.30' ...あなたのコードがなぜ機能していないのかわかりません。スクリプト要素を ''テキストの直前に移動することをお勧めします。これは 'div'の中に入れ子にするのではなく、 –

+0

あなたのコードはうまくいくようですが、作業フィドルと環境の違いは何ですか?とにかく、私の個人的な経験から、eonasdan datetimepickerのバージョン '4.17.37'を使うことを提案します。 – VincenzoC

+0

両方ともおかげさまで、私は@VincenzoCのバージョンを試してみます。私は自分の環境とフィドルの違いをチェックします。おそらくjquery、bootstrap、またはmoment.jsのバージョンがこの不正な動作に影響します。私が問題を見つけたらすぐに私はその質問に答えます。ありがとう! –

答えて

0

ご不便をおかけして申し訳ありませんが、今日は正しく機能しています。

誰もが、私は、私が行ったようにCtrlキーを保持してリロードするだけでなく、すべてのブラウザのキャッシュをクリアすることを確認してくださいと同じ問題であるならば...

関連する問題