Как форматировать дату с часами, минутами и секундами при использовании jQuery UI Datepicker?

Можно ли отформатировать дату с помощью jQuery UI Datepicker, чтобы показывать часы, минуты и секунды?

Это мой текущий макет:

$(function() {
    $('#datepicker').datepicker({ dateFormat: 'yyy-dd-mm HH:MM:ss' }).val();
});
<html>
<head>
  <link rel="stylesheet" href="#" onclick="location.href='http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css'; return false;">
  <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>

Ответы

Ответ 1

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

Для выбора времени вы должны добавить timepicker в Datepicker, и он будет отформатирован с помощью одной эквивалентной команды.

ИЗМЕНИТЬ

Используйте этот, который расширяет jQuery UI Datepicker. Вы можете выбрать дату и время.

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

Ответ 2

Попробуйте эту скрипку

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

Ответ 3

Использование jQuery UI в сочетании с отличным плагином datetimepicker от http://trentrichardson.com/examples/timepicker/

Вы можете указать dateFormat и timeFormat

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

Ответ 5

Если вы не хотите добавлять указатель времени, мы можем использовать только 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);

Ответ 6

Я добавил этот код

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

Ответ 7

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

Ответ 8

$(function() {
    $('#datepicker').datepicker({ dateFormat: 'yyy-dd-mm HH:MM:ss' }).val();
});
<html>
<head>
  <link rel="stylesheet" href="#" onclick="location.href='http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css'; return false;">
  <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>