web-dev-qa-db-ja.com

jquery日付ピッカーは、datetimeを含む文字列から 'MM-DD-YYYY'として日付形式を設定します

私はjquery datepickerの日付形式を設定しようとしていますが、機能していません。すでにいくつかの投稿を読んで回答していますが、どれもうまくいきませんでした。以下は私が使用しているコードです。チェックして、どこで間違っているのか教えてください。 2012-03-06 00:00:00 UTCとしてデータベースから日時を取得しています

<script>
        $(document).ready(function() {
            $(".datepicker").datepicker({
                dateFormat:'MM-DD-YYYY'
            }).val();
        });
    </script>

私も試しました

<script>
        $(document).ready(function() {
            var dateTypeVar = $('.datepicker').datepicker('getDate');
            $.datepicker.formatDate('dd-mm-yy', dateTypeVar);
        });
    </script>
11
Paul Phoenix

この 2012-03-06 00:00:00 UTCは有効なJavaScript日付ではないため、datepickerは割り当てられた値を受け入れることができません。

Dateオブジェクト: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date

setDateメソッド: http://api.jqueryui.com/datepicker/#method-setDate

準拠形式で日付を取得し、datepickerをこの方法で設定します。

コード:

$(document).ready(function () {
    var dbDate = "2012-03-06";
    var date2 = new Date(dbDate);

    $(".datepicker").datepicker({
        dateFormat: 'mm-dd-yy'
    }).datepicker('setDate', date2)

});

デモ: http://jsfiddle.net/IrvinDominin/7ck7D/

20
Irvin Dominin