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

Answer 2

$(document).ready(function () {

    var date2 = new Date().getDate()-9;

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

});

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