2017-10-23 19 views
0

で動作しません:https://eonasdan.github.io/bootstrap-datetimepicker/日付ピッカーはこの日付ピッカーを使用して、最初のページロード

私は、ブートストラップモーダルでそれを使用していますので、これは、私はそれを呼び出す方法です:

$('body').on('shown.bs.modal', function() { 
    alert("datepicker ready..."); 
    $("#datepicker").datetimepicker(); 
}) 

そして、ここではそれが形をしています:

 <div class="form-group"> 
      @Html.LabelFor(model => model.Extraction.DateExtracted, htmlAttributes: new { @class = "control-label" }) 
      <div class="input-group date" id="datepicker"> 
       @Html.EditorFor(model => model.Extraction.DateExtracted, new { htmlAttributes = new { @class = "form-control" } }) 
       <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span> 
       @Html.ValidationMessageFor(model => model.Extraction.DateExtracted, "", new { @class = "text-danger" }) 
      </div> 
     </div> 

「警告」火災私は(良い)モーダルを開くが、私はページを更新し、日付ピッカーが動作するためのモーダルを再開しなければならないたびに。私は推測を取らなければならなかった場合は、

enter image description here

+0

なぜあなたはちょうどそれが毎回そのように発射するように、あなたはモーダルを開くために使用し、ボタンの上にそれを発射していませんか? – Keith

+1

それは変だけど、それは私のプロジェクトとこのフィドルで私のために働いている.net MVCを使用してmwにhappしたことはありませんhttps://jsfiddle.net/William_/20oywuno/13/あなたが剃刀に置いたものを複製しようとすると、shound't何か誤りがある。その瞬間にファイルがロードされていない可能性がありますか? –

+0

Chromeでのみ発生するようです。バージョン:60.0.3112.78を使用しています。 – BattlFrog

答えて

0

あなたのjsファイルのいずれかが故障しているか、あなたはそれを破る原因と重複するファイルを持っているためです。

スクリプトは順番にあると思われます。あなたが順序でそれらすべてを持っているかどうかを確認するために、ここで確認してください:

https://jsfiddle.net/rd8nnLg5/1/

$(function() { 
      $('#datetimepicker1').datetimepicker(); 
     }); 
+0

narp、注文は正しいです。 – BattlFrog

+0

私はそれがそこで動作することを意味する、あなたは欠落しているファイルまたはダブル – Keith