jQuery Datepicker日期格式不起作用答案

【问题标题】：jQuery Datepicker Date Formatting Not WorkingjQuery Datepicker日期格式不起作用
【发布时间】：2015-07-27 19:18:13
【问题描述】：

我是 jQuery 新手，所以请多多包涵。我已经设置了我的代码，以便当用户单击 jQuery 日历上的某个日期时，它会显示他们选择的日期。我只是希望它以“mm-dd-yyyy”的格式显示日期，但我尝试过的一切都不会影响日期输出。

这是裸 jQuery 代码：

$(document).ready(function init (){

    $("#datepicker").datepicker({

        dateFormat: 'mm/dd/yy',

        onSelect: function() {

            var userdate = $("#datepicker").datepicker("getDate");

            document.getElementById("userdate").innerHTML = userdate;

        }

    });

});

这是我的裸代码：

http://plnkr.co/edit/T8ARyYg2qZna9QvPGg8m?p=preview

谢谢！

【问题讨论】：

你需要使用onSelect: function(dateText) .check this fiddle jsfiddle.net/kdevL1om/2
也许我遗漏了一些东西，但是如果你想要mm-dd-yy 的格式，为什么不直接设置它 -> jsfiddle.net/ma1jheno/1

标签： javascript jquery date datepicker

【解决方案1】：

更改您的代码：

var userdate = $("#datepicker").datepicker("getDate");

作者：

var userdate = $('#datepicker').datepicker({ dateFormat: 'dd-mm-yy' }).val();

【讨论】：

【解决方案2】：

只需像这样更改您的 onSelect 函数

onSelect: function(dateText) {

    var userdate = dateText;

    document.getElementById("userdate").innerHTML = userdate;

}

你的代码应该是这样的

$(document).ready(function init() {

    $("#datepicker").datepicker({

        dateFormat: 'mm/dd/yy',

        onSelect: function(dateText) {

            var userdate = dateText;

            document.getElementById("userdate").innerHTML = userdate;
        }

    });

});

这是一个有效的JSFIDDLE

【讨论】：

【解决方案3】：

你可以使用formatDate函数：

var userdate = $.datepicker.formatDate('mm/dd/yy', $("#datepicker").datepicker("getDate"))

【讨论】：