Ist es möglich, ein Datum mit [jQuery UI Datepicker] (http://jqueryui.com/datepicker/) zu formatieren, um Stunden, Minuten und Sekunden anzuzeigen?
Dies ist mein aktuelles Mockup:
$(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' })
aufrufe, ist der zurückgegebene Wert:
201313-07-03 HH:July:ss
Hier ist ein [JSFiddle](
).$("#datepicker").datepicker("option", "dateFormat", "yy-mm-dd ");
Für die Zeitauswahl sollten Sie timepicker zu Datepicker hinzufügen, und es würde mit einem entsprechenden Befehl formatiert werden.
EDIT
Verwenden Sie diesen Befehl, der jQuery UI Datepicker erweitert. Sie können sowohl Datum und Uhrzeit abholen.
Versuchen Sie dies [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);
}
});
});
Oder mit dem Datetimepicker-Plugin.
Ref: https://stackoverflow.com/questions/12974697/datetimepicker-am-pm-dropdown/20794434#20794434