DateTimePicker引导程序:仅显示小时而不是天

时间:2018-07-17 09:20:25

标签: jquery bootstrap-datetimepicker

我正在使用日期时间选择器引导程序,尝试使用dd / mm / yyyy hh:mm格式。

从我的屏幕快照中可以看到,将仅以AM / PM格式显示时间,而不是所需的时间:

enter image description here

如果我单击日历图标,则除了时钟图标之外,什么都不会显示。

这是HTML:

<div class="form-group" id="datatestform">
  <label for="datatest">Data di test:</label>
  <div class="input-group date">
    <span class="input-group-addon"><i class="fa fa-calendar"></i></span>    
    <input id="datatest" type="data" class="form-control" name="datatest" value="10/10/2018 22:00" />    
  </div>  
</div>

然后将JS加载到“文档就绪”位置:

$("#datatest .input-group.date").datetimepicker({  
  defaultDate: $('#datatest').val(),
  inline: true,
  sideBySide: true
});

2 个答案:

答案 0 :(得分:0)

  $('#datatest .input-group.date').datetimepicker({
        format: "DD/MMM/YYYY",
        minDate: new Date(),
        useCurrent: false
    });

尝试这个。

答案 1 :(得分:0)

访问JSFiddle来运行演示。

HTML代码-

<div class="form-group" id="datatestform">
<label for="datatest">Data di test:</label>
  <div class="input-group date">
    <input id="datatest" type="data" class="form-control" name="datatest" value="10/10/2018 22:00" />
  </div>
</div>

JAVASCRIPT代码-

$("#datatest").datetimepicker({
    maxDate: moment(),
    allowInputToggle: true,
    enabledHours : false,
    locale: moment().local('en'),
    format: 'DD/MM/YYYY h:mm'
});