从包含datetime的字符串中,jquery日期选择器设置日期格式为“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>

解决方法

这个2012-03-06 00:00:00 UTC不是有效的JavaScript日期,所以datepicker不能接受分配的值.

日期对象：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date

setDate方法：http://api.jqueryui.com/datepicker/#method-setDate

以兼容格式获取日期,然后以此方式设置日期戳.

码：

$(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/