Wie zeige ich die Zeitauswahl in 12 Stunden Format in jquery?

Question

Ich verwende diese Version: jquery.datetimepicker.full.min.js 2.5.1. Hier bin ich immer 24 Stunden-Format hours12 mit: false Eigenschaften, aber ich will

'00 zeigen: 00 PM ' '01: 00 PM', '01 .30 Uhr ' '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 AM ' '02: 00 AM', '03: 00 AM ' '04: 00 AM', '05: 00 AM ' '06: 00 AM'

Jetzt bin ich 24 Stunden Uhrformat 1 bis 24 bekommen, aber ich don‘ t wollen 1 bis 24. Ich brauche das oben genannte Format.

Ich verwende diesen Stecker http://www.jqueryscript.net/time-clock/Clean-jQuery-Date-Time-Picker-Plugin-datetimepicker.html. bitte helfe damit.

Answer 1

Sie können HH für das 24-Stunden-Format und hh für das 12-Stunden-Format verwenden.

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

Wie Sie sagten, Sie this Plugin verwenden, können Sie versuchen, zu hours12:true Eigenschaft.

aktualisieren

Sie so etwas wie dies versuchen können, Ihre eigenen Wege.

$(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); 
     }, 
    }); 
}); 

Sehen Sie die Demo here