Question

我正在使用jQuery datepicker插件。当用户从日历中选择日期时，我应该显示日期值。我使用文档中给出的getDate()方法。但是，我想输出的格式与我现在得到的格式不同。当你看到代码时，你会明白的。

JavaScript

 $("#dealpickerEnd").datepicker({
    inline: true,
    showOtherMonths: true,
    firstDay: 1,
    dayNamesMin: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
    onSelect: function() {
        var deal = document.getElementById("dealDateAfter");
        var currentDate = $("#dealpickerEnd").datepicker("getDate");
        deal.innerHTML = currentDate;
    }
 });

输出

2014年12月26日星期五00:00:00 GMT + 0530（IST）

预期输出

2014年12月26日

这可能吗？

Answer 1

有一个解决方法，声明一个填充了简短名称Months的数组，然后你可以在onSelect中获取日期对象并执行如下操作：

var monthNamesMin = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
$("#dealpickerEnd").datepicker({
    inline: true,
    showOtherMonths: true,
    firstDay: 1,
    dayNamesMin: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
    onSelect: function () {
        var deal = document.getElementById("dealDateAfter");
        var date = $(this).datepicker('getDate'),
            day = date.getDate(),
            month = monthNamesMin[date.getMonth()], // <---pick the month name.
            year = date.getFullYear();
        var datetoput = day + '-' + month + '-' + year;
        deal.innerHTML = datetoput;
    }
});

Demo

自定义getDate（）方法返回的日期

1 个答案: