如何在jquery中以12小時格式顯示時間選擇器？

我正在使用此版本：jquery.datetimepicker.full.min.js 2.5.1。在這裏我得到使用hours1224小時格式：虛假性，但我想說明如何在jquery中以12小時格式顯示時間選擇器？

'00：00 PM ' '01：00 PM'， '01 0.30 PM ''02 ：00 PM' ， '03：00 PM ''04 ：00 PM'，'05 ：00 PM ''06 ：00 PM'，'07 ：00 PM ''08 ：00 PM'， 09：00 PM ''10 ：00 PM'，'11 ：00 PM ''12 ：00 PM'， '01：00 ''02 ：00 AM'， '03：00 ''04 ：00 AM'，'05 ：00 AM ''06 ：00 AM'

現在我越來越24小時時鐘格式1到24，但我不t想要1到24.我需要以上格式。我使用這個插件http://www.jqueryscript.net/time-clock/Clean-jQuery-Date-Time-Picker-Plugin-datetimepicker.html。請幫助它。

來源

2016-11-28 Kumaresan Perumal

您可以使用HH 24小時格式和hh 12小時格式。

$(function() { 
    $('#startTime, #endTime').datetimepicker({ 
     format: 'hh:mm'   
    }); 
});

正如你說你正在使用this插件，你可以嘗試使用hours12:true財產了。

更新

你可以嘗試這樣的事情，自己的自定義方式。

$(function() { 
    $('#datepicker').datepicker({ 
     dateFormat: 'yy-dd-mm', 
     onSelect: function(datetext){ 
      var d = new Date(); // for now 
      var h = d.getHours(); 
       h = (h >12) ? (h-12 + "PM ") : h ; 

       var m = d.getMinutes(); 
      m = (m < 10) ? ("0" + m) : m ; 

      var s = d.getSeconds(); 
      s = (s < 10) ? ("0" + s) : s ; 

       datetext = datetext + " " + h + ":" + m + ":" + s; 
      $('#datepicker').val(datetext); 
     }, 
    }); 
});

觀看演示here

來源

2016-11-28 09:59:03

是的，當我改變hours12：真的，我只得到。 1日至12日。 –

我需要上述格式在我的問題。 –

@KumaresanPerumal請看我更新的答案。 –

如何在jquery中以12小時格式顯示時間選擇器？

回答

相關問題