Comment formater une date avec les heures, les minutes et les secondes en utilisant le Datepicker de jQuery UI ?

Est-il possible de formater une date avec jQuery UI Datepicker de manière à afficher les heures, les minutes et les secondes ?

Voici ma maquette actuelle :

$(function() {
    $('#datepicker').datepicker({ dateFormat: 'yyy-dd-mm HH:MM:ss' }).val();
});
<html>
<head>
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css">
  <title>snippet</title>
</head>
<body>

  <input type="text" id="datepicker">

  <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
  <script src="https://code.jquery.com/ui/1.9.2/jquery-ui.min.js"></script>

Lorsque j'appelle .datepicker({ dateFormat : 'yyy-dd-mm HH:MM:ss&#39 ; }) la valeur retournée est :

201313-07-03 HH:July:ss

Voici une [JSFiddle] (http://jsfiddle.net/Qv36W/1/).

Axel
Question modifiée 15 novembre 2017 в 12:00
Programmation
javascript jquery datepicker jquery-ui-datepicker
3 juillet 2013 в 2:44
12 vues
Solution
$("#datepicker").datepicker("option", "dateFormat", "yy-mm-dd ");

Pour le sélecteur de temps, vous devriez ajouter timepicker à Datepicker, et il serait formaté avec une commande équivalente.

EDIT

Utilisez cette commande qui étend le Datepicker de jQuery UI. Vous pouvez choisir à la fois la date et l'heure.

http://trentrichardson.com/examples/timepicker/

informatik01
Réponse modifiée 29 août 2014 в 12:40
Commentaires (2)

Essayez ceci [fiddle][1]

$(function() {
    $('#datepicker').datepicker({
        dateFormat: 'yy-dd-mm',
        onSelect: function(datetext) {
            var d = new Date(); // for now

            var h = d.getHours();
            h = (h < 10) ? ("0" + h) : 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);
        }
    });
});

[1] : http://jsfiddle.net/arunu/5qkt8e06/

Dale K
Réponse modifiée 20 mai 2019 в 2:43
Commentaires (2)