jQuery 日期选择器日期格式不起作用

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;

        }

    });

});

这是我的裸代码的 plunker：

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

您可以使用 formatDate 函数：

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

Answer 3

只需像这样更改您的 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

jQuery 日期选择器日期格式不起作用

jQuery Datepicker Date Formatting Not Working

javascript

jquery

date

datepicker