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/

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

2 个答案: