javascript - 在插件内返回 Pikaday 插件中选定的日期？

Question

我想修改 JavaScript(无 JQuery)Pikaday日期选择器在日历上方的标题区域中显示所选日期。

为此，我创建了一个新函数来呈现标题区域 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 函数中并在我的 HTML 渲染函数中返回它，但这仅在点击 2 次后才有效，而且看起来很困惑。

有人知道将日期字符串返回到插件一部分的正确方法吗？

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>';
 },