Return 在 Pikaday 插件中选择日期，在插件中？

Question

我想修改 JavaScript（无 JQuery）Pikaday 日期选择器以在日历上方的 header 区域中显示所选日期。

为此，我创建了一个新函数来渲染 header 区域 HTML:

renderHeading = function(instance, c, year, month, days)
{
        var opts = instance._o;
        var html = '<div class="pika-heading">';
        html += '<h3 class="pika-heading-year">' + year + '</h3>';
        html += '<h1 class="pika-heading-date">' + opts.i18n.weekdaysShort[day] + ', ' + opts.i18n.monthsShort[month] + '</h1>';
        return html += '</div>';
},

这工作正常 - 它显示月份和年份。

但是，我不知道如何让它显示选定的天数。我的目标是让它显示类似 "Mon 1st Dec 2016" 的内容，但我无法显示 'Mon' 和“1”。

我能做的最好的就是创建：

window.setDateProperty = this._o.field.value;

在 getDate 函数中，return 在我的 HTML 渲染函数中，但这只在点击 2 次后才有效，而且看起来很乱。

有人知道return将日期字符串放入插件的一部分的正确方法吗？

Answer 1

好的，我发现用下面的就搞定了：

instance.getDate()

从那里我可以使用 Date.parse 的方法来获取我需要的信息，例如：

var dayOfWeek = instance.getDate().getDay();

我的完整代码：

 renderHeading = function(instance, c, year, month, days)
 {

    var dayOfMonth = instance.getDate().getDate(),
    dayOfWeek = instance.getDate().getDay(),
    opts = instance._o,
    html = '<div class="pika-heading">';
    html += '<h3 class="pika-heading-year">' + year + '</h3>';
    html += '<h1 class="pika-heading-date">' + opts.i18n.weekdaysShort[dayOfWeek] + ', ' + dayOfMonth +', ' + opts.i18n.monthsShort[month] + '</h1>';
    return html += '</div>';
 },

Return 在 Pikaday 插件中选择日期，在插件中？

Return selected date in Pikaday plugin, within the plugin?

javascript

pikaday