58

時間、分、秒を表示するようにjQuery UI 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: 'yyy-dd-mm HH:MM:ss' })、戻り値は次のとおりです。

201313-07-03 HH:7月:ss

ここにJSFiddleがあります。

4

10 に答える 10

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

タイム ピッカーの場合、timepicker を Datepicker に追加する必要があります。これは、1 つの同等のコマンドでフォーマットされます。

編集

jQuery UI Datepicker を拡張するこれを使用します。日付と時間の両方を選択できます。

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

于 2013-07-03T02:55:29.100 に答える
36

jQuery UI をhttp://trentrichardson.com/examples/timepicker/の優れた datetimepicker プラグインと組み合わせて使用​​する

dateFormatとtimeFormatを指定できます 

$('#datepicker').datetimepicker({
    dateFormat: "yy-mm-dd",
    timeFormat:  "hh:mm:ss"
});
于 2014-01-15T18:29:23.893 に答える
8

または、datetimepicker プラグインを使用します。

参照: DateTimePicker AM/PM ドロップダウン

参照: http://xdsoft.net/jqplugins/datetimepicker/

于 2013-12-27T03:54:03.250 に答える
1

このコードを追加しました

<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>
于 2018-06-19T17:41:02.277 に答える