web-dev-qa-db-fra.com

Sélecteur d'heure DateTimePicker dans 24 heures mais affichage dans 12 heures?

J'utilise le sélecteur de temps de démarrage prêt à partir de http://eonasdan.github.io/bootstrap-datetimepicker/ et ça fonctionne bien, mais pour un problème. J'ai une configuration de sélecteur juste de temps comme suit:

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

Cela définit le sélecteur sur 24 heures pour que je puisse sélectionner 19h00 comme heure. Mais lorsque je choisis cette heure, il affiche 07h00 dans la zone de saisie. Voici la configuration affichant le sélecteur: 

    <div class="input-group date timePicker" id="endTime">
        <input type='text' class="form-control" readonly="true"
            id="endTimeContent" /> <span class="input-group-addon"><span
            class="glyphicon glyphicon-time"></span> </span>
    </div>

Existe-t-il un format de données spécifique que je peux utiliser pendant 24 heures dans la zone de saisie? 

jquerytwitter-bootstrapdatetimepicker
25
RegDHunter

Étant donné que le script de sélection utilise moment.js pour analyser la chaîne de format, vous pouvez lire la documentation à cet endroit pour connaître les chaînes de format appropriées.

Mais pour 24 heures, utilisez HH au lieu de hh dans le format.

$(function () {
    $('#startTime, #endTime').datetimepicker({
        format: 'HH:mm',
        pickDate: false,
        pickSeconds: false,
        pick12HourFormat: false            
    });
});
31
Benjam

Pour afficher le format 24H correct, par exemple, ne mettez que 

$(function () {
    $('#date').datetimepicker({
         format: 'DD/MM/YYYY HH:mm',
    });

});
14
Piccin
$(function () {
    $('#startTime, #endTimeContent').datetimepicker({
        format: 'HH:mm',
        pickDate: false,
        pickSeconds: false,
        pick12HourFormat: false            
    });
});

votre sélecteur semble être faux, veuillez le vérifier

14
Karthick Kumar

Juste ça!

$(function () {
    $('#date').datetimepicker({
         format: 'H:m',
    });

});

J'utilise v4 et fonctionne bien !!

6
Gustavo Miño

Avec des secondes!

$('.Timestamp').datetimepicker({
    format: 'DD/MM/YYYY HH:mm:ss'
});

Pour ignorer les dates futures:

$(function () {
    var date = new Date();
    var currentMonth = date.getMonth();
    var currentDate = date.getDate();
    var currentYear = date.getFullYear();
    $('#datetimepicker,#datetimepicker1').datetimepicker({
        pickTime: false,
        format: "DD-MM-YYYY",  
        maxDate: new Date(currentYear, currentMonth, currentDate + 1)
    });
});
3
Pranesh Janarthanan

Je ne comprends pas pourquoi les autres amis vous disent d'utiliser HH, mais après avoir testé autant de fois, le format correct sur 24 heures est le suivant:

hh

.

Je le vois depuis: http://www.malot.fr/bootstrap-datetimepicker/

Je ne sais pas pourquoi ils n'utilisent pas le type commun HH pendant 24 heures .....

J'espère que quelqu'un pourra me dire si je me trompe .....

3
qakmak

Meridian concerne AM/PM. Si vous définissez la valeur sur false, vous indiquez que vous ne voulez pas AM/PM et que vous souhaitez donc une horloge de 24 heures implicitement.

$('#timepicker1').timepicker({showMeridian:false});
2
Aaska Patel

Je sais que cela fait assez longtemps que la question a été posée. Cependant, si cela aide quelqu'un, cela fonctionne pour moi.

 $(function() {
    $('.datetimepicker').datetimepicker({
        format: 'MM-DD-YYYY HH:mm '
    });
});
1
Sagar Nair

Vous pouvez également utiliser les paramètres " use24hours " et " language " pour procéder comme suit:

$(function () {
    $('.datetime').datetimepicker({
        language: 'pt-br',
        use24hours: true,
    });
});

0
William Rodrigues

'JJ/MM/AAAA hh: mm A' => 12 heures 'JJ/MM/AAAA HH: mm A' => 24 heures

0
Jegan