webentwicklung-frage-antwort-db.com.de

Wie formatiere ich das Datum mit Stunden, Minuten und Sekunden, wenn Sie mit jQuery UI Datepicker arbeiten?

Kann ich ein Datum mit jQuery UI Datepicker formatieren, um Stunden, Minuten und Sekunden anzuzeigen?

Dies ist mein aktuelles Modell:

$(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>

Wenn ich .datepicker({ dateFormat: 'yyy-dd-mm HH:MM:ss' }) anrufe, lautet der zurückgegebene Wert:

201313-07-03 HH: Juli: ss

Hier ist ein JSFiddle .

$("#datepicker").datepicker("option", "dateFormat", "yy-mm-dd ");

Für die Zeitauswahl sollten Sie Dateepicker mit einem Timepicker versehen, der mit einem entsprechenden Befehl formatiert wird.

EDIT

Verwenden Sie diese Option, um die jQuery UI Datepicker zu erweitern. Sie können Datum und Uhrzeit abholen.

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

37
scel.pi

probiere diese Geige

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

Verwenden der jQuery-Benutzeroberfläche in Kombination mit dem hervorragenden Datetimepicker-Plugin von http://trentrichardson.com/examples/timepicker/

Sie können dateFormat und timeFormat angeben. 

$('#datepicker').datetimepicker({
    dateFormat: "yy-mm-dd",
    timeFormat:  "hh:mm:ss"
});
29
Notflip
8
Cray Kao

ich habe diesen Code hinzugefügt 

 <input class="form-control input-small hasDatepicker" id="datepicker6" name="expire_date" type="text" value="2018-03-17 00:00:00">

<script src="/assets/js/datepicker/bootstrap-datepicker.js"></script>
<script>
        $(document).ready(function() {
            $("#datepicker6").datepicker({
                isRTL: true,
                dateFormat: "yy/mm/dd 23:59:59",
                changeMonth: true,
                changeYear: true

            });
        });
    </script>

format: 'YYYY-MM-DD HH:mm:ss',

0
Salam

Wenn Sie keine Zeitauswahl hinzufügen möchten, können wir nur Javascript für den Zeitabschnitt verwenden.

  var dateObj=new Date();
  var date = $.datepicker.formatDate('dd M yy', dateObj);
  var time  = dateObj.getHours()+":"+dateObj.getMinutes()+":"+dateObj.getSeconds(); 

  console.log(date," ",time);
0
vusan