自定义 getDate() 方法返回的日期 [重复]答案

【问题标题】：Customize the date returned by getDate() method [duplicate]自定义 getDate() 方法返回的日期 [重复]
【发布时间】：2015-02-17 02:40:43
【问题描述】：

我正在使用 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 日

这可能吗？

【问题讨论】：

我从另一个线程中得到了答案。感谢您的正确重定向。

标签： javascript jquery date datepicker

【解决方案1】：

有一个解决方法，声明一个包含月份短名称的数组，然后您可以在 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

【讨论】：