Можно ли отформатировать дату с помощью jQuery пользовательского интерфейса управления datepicker](http://jqueryui.com/datepicker/) как показывают часы, минуты и секунды?
Это мой текущий макет:
в
$(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>
в
Когда я называю.элемент управления datepicker({ параметра dateformat: 'гггг-ДД-ММ чч:мм:СС' })` возвращаемое значение:
201313-07-03 чч:июля:СС
Вот [JSFiddle](
).$("#datepicker").datepicker("option", "dateFormat", "yy-mm-dd ");
Для выбора времени, вам необходимо добавить элемента управления datepicker, чтобы отмечать время, и он будет отформатирован с одним эквивалентом команды.
Редактировать
Используйте этот один, что продлить jQuery интерфейса управления datepicker. Вы можете подобрать как дата и время.
Попробуйте это [скрипка][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);
}
});
});
С помощью пользовательского интерфейса jQuery в сочетании с отличный плагин datetimepicker Для от http://trentrichardson.com/examples/timepicker/
Можно указать параметра dateformat и timeformat компонента
$('#datepicker').datetimepicker({
dateFormat: "yy-mm-dd",
timeFormat: "hh:mm:ss"
});
Или, используя плагин datetimepicker для.
Реф: https://stackoverflow.com/questions/12974697/datetimepicker-am-pm-dropdown/20794434#20794434
Я добавил этот код
<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>
Если Дон'т, как добавить выбор времени, мы можем использовать простой JavaScript для части времени.
var dateObj=new Date();
var date = $.datepicker.formatDate('dd M yy', dateObj);
var time = dateObj.getHours()+":"+dateObj.getMinutes()+":"+dateObj.getSeconds();
console.log(date," ",time);