如何使用datetimepicker在jquery中设置am / pm格式

这是我的jquery code.eventdatpicker只是显示日期，但occasionStartTime和occasionEndTime它只显示24小时格式如何将此格式更改为am / pm格式？

$(function() { $('#occasionStartTime').datetimepicker({ datepicker : false, format : 'H:i' }); $('#occasionEndTime').datetimepicker({ datepicker : false, format : 'H:i' }); $('#eventDatePicker').datetimepicker({ timepicker : false, format : 'dmY' }); }); 

Answer 1

尝试

 $('#occasionStartTime').datetimepicker({ datepicker : false, ampm: true, // FOR AM/PM FORMAT format : 'g:i A' }); 

Answer 2

 $('#StartDate').datetimepicker( { format: 'DD MMM YYYY hh:mm A' }); 

其中startDate是divId

这将为您提供如下格式：2016年3月25日01:08 PM

Answer 3

 $('#occasionStartTime').datetimepicker({ format: 'Y/m/d A g:i', formatTime: 'A g:i', }); 

Answer 4

使用Bootstrap Datepicker3的MVC默认Dateformat – 对于beginers非常有用

 @Scripts.Render("~/bundles/jquery") @Scripts.Render("~/bundles/bootstrap")    

  $(function () { $('.datetime').datetimepicker({ format: 'DD-M-YYYY hh:mm A' }); });  

Answer 5

使用此插件可以不显眼地向表单添加datetimepicker，datepicker或timepicker下拉列表。 定制选项很容易。

您可以下载插件： 下载

将js和css添加到head标签：

将此代码添加到您想要显示的内容：

 $(function () { $('#video_schedule').datetimepicker({ step:5, minDate:0, formatTime:'H:i' }); }); 

Answer 6

如果您只有时间字段而不是日期时间字段 – 您可以使用设置AM / PM格式

  $("#yourTimeField").timepicker({ showPeriod: true });