jquery日期选择器从包含datetime的字符串中将日期格式设置为"MM-DD-YYYY"

Question

我试图设置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>

Answer 1

这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/