0

jquery ui レイアウトで datetimepicker を正しく動作させるにはどうすればよいですか。南ペインの後ろにあるテキストフィールドをクリックすると、datetimepicker が表示されません。

フィドルを見る

<div class="ui-layout-north">North</div>
<div class="ui-layout-south">
  <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>

    </div>
</div>


$(function(){
 $('body').layout({ applyDemoStyles: true });
      $('#datetimepicker1').datetimepicker();
});

前もって感謝します。

4

1 に答える 1

1

moment.jsあなたのコードにはありませんでした。私はそれを変更しましたが、今では正常に動作しています。これが更新されたフィドルです。

$(function(){
 $('body').layout({ applyDemoStyles: true });
      $('#datetimepicker1').datetimepicker();
});

datetimepicker を正しく表示するには、コードを更新する必要があります。詳細なフォーマットについては、 https://eonasdan.github.io/bootstrap-datetimepicker/Options/を参照してください。

于 2016-04-06T05:52:43.950 に答える