Jquery date picker задает формат даты как "MM-DD-YYYY" из строки, содержащей дату и время

Я пытаюсь установить формат даты дампикера даты, но он не работает, я читал несколько сообщений и отвечал уже, но ни один из них не работал у меня. Ниже приведен код, который я использую, пожалуйста, проверьте и скажите мне, где я делаю неправильно. Я получаю datetime из базы данных как 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>

Ответ 1

Этот 2012-03-06 00:00:00 UTC не является допустимой датой JavaScript, поэтому datepicker не может принять назначенное значение.

Date object: 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/