Question

我是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

谢谢！

Answer 1

更改您的代码：

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

人：

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

Answer 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

Answer 3

您可以使用formatDate函数：

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

jQuery Datepicker日期格式不起作用

3 个答案: