2016-11-28 2 views
0

J'utilise cette version: jquery.datetimepicker.full.min.js 2.5.1. Ici, je reçois le format 24 heures en utilisant hours12: propriétés faux, mais je veux montrercomment afficher le sélecteur de temps au format 12 heures en jquery?

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

Maintenant, je reçois le format d'horloge 24 heures 1 à 24, mais je n » Je veux 1 à 24. J'ai besoin de format ci-dessus. J'utilise cette prise http://www.jqueryscript.net/time-clock/Clean-jQuery-Date-Time-Picker-Plugin-datetimepicker.html. aidez s'il vous plaît avec.

Répondre

0

Vous pouvez utiliser HH pour le format 24 heures et hh pour le format 12 heures.

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

Comme vous avez dit que vous utilisez le plugin this, vous pouvez essayer d'utiliser la propriété hours12:true aussi.

Mise à jour

Vous pouvez essayer quelque chose comme ça, vos propres moyens personnalisés.

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

Voir la démo here

+0

oui, quand je change de hours12: vrai, je reçois seulement. De 1 à 12 heures –

+0

J'ai besoin de format ci-dessus dans ma question. –

+0

@KumaresanPerumal s'il vous plaît voir ma réponse mise à jour. –