自定义getDate()方法返回的日期

时间:2014-12-18 10:28:23

标签: javascript jquery date datepicker

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

这可能吗?

1 个答案:

答案 0 :(得分:0)

有一个解决方法,声明一个填充了简短名称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