2014-09-11 3 views
0

Я использую Eonasdan date time picker. Ниже приведен код, который у меня есть в файле scala.html.Play framework datetimepicker (версия Eonasdan): календарь не отображается

<div class="row"> 
    <div class="form-group col-sm-2"> 
     <label for="starttime">Starting date:</label> 
      <div class="input-group date" id="datetimepicker1"> 
       <input type="text" data-date-format="YYYY-MM-DD HH:mm:ss" class="form-control" value="2014-09-23 12:04:00" /> 
       <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span> 
      </div> 
     <script type="text/javascript"> 
     $(function() { 
      var $j = jQuery.noConflict(); 
      $j('#datetimepicker1').datetimepicker(); 
     }); 
     </script> 

     </div> 
    </div> 

В моей main.scala.html, я добавил следующее в головной секции

<link rel="stylesheet" type="text/css" href="@routes.Assets.at("stylesheets/bootstrap-datetimepicker.css")" > 

<script src="@routes.Assets.at("javascripts/bootstrap-datetimepicker.js")"></script> 

Он отображает все это хорошо, но когда я нажимаю на календарь глифа, ничего не происходит.

ответ

0

Так выдумал сам. Видимо, мне нужна зависимость от Moment.js

<script src="@routes.Assets.at("javascripts/moment.min.js")"></script> 
+0

Учитывая Play в качестве основы вы работали, как справиться локали против стандартной формы отображений? Хотя формат даты (внутри и снаружи) может быть указан в сопоставлении - '' myDateField "-> jodaDate (" MM/dd/yyyy hh: mm a ")', похоже, он придерживается формата, который MomentJS не принимает один выбирается через отображение. – Techmag

+0

Только что заметил 'data-date-format =" YYYY-MM-DD HH: mm: ss "' :) попробует это! Спасибо ... – Techmag

+1

Awesome - это работает :) – Techmag

Смежные вопросы