使用jQuery UI Datepicker时如何格式化日期,小时,分钟和秒?

NET*_*ing 45 javascript jquery datepicker jquery-ui-datepicker

是否可以使用jQuery UI Datepicker格式化日期以显示小时,分钟和秒?

这是我目前的模型:

$(function() {
    $('#datepicker').datepicker({ dateFormat: 'yyy-dd-mm HH:MM:ss' }).val();
});
Run Code Online (Sandbox Code Playgroud)
<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>
Run Code Online (Sandbox Code Playgroud)

当我调用.datepicker({ dateFormat: 'yyy-dd-mm HH:MM:ss' })返回值时:

201313-07-03 HH:7月:ss

这是一个JSFiddle.

sce*_*.pi 39

$("#datepicker").datepicker("option", "dateFormat", "yy-mm-dd ");
Run Code Online (Sandbox Code Playgroud)

对于时间选择器,您应该将时间戳添加到Datepicker,并使用一个等效命令对其进行格式化.

编辑

使用这个扩展jQuery UI Datepicker的那个.你可以同时选择日期和时间.

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


Aru*_*unu 37

试试这个小提琴

$(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);
        }
    });
});
Run Code Online (Sandbox Code Playgroud)


Mig*_*ens 29

将jQuery UI与http://trentrichardson.com/examples/timepicker/上出色的datetimepicker插件结合使用

您可以指定dateFormattimeFormat

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

  • 截至目前,这似乎不起作用 (2认同)