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

我想修改JavaScript（无JQuery）Pikaday日期选择器以在日历上方的标题区域显示所选日期。在插件中返回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>'; 
},

这工作得很好 - 它显示的月份和年份。

但是，我不知道如何让它显示选定的天数。我的目标是让它展示“2016年12月1日星期一”，但我无法获得“星期一”和“1”的展示。

我已经能够做的最好的是创建：

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

在GETDATE函数并返回，在我的HTML渲染功能，但经过2次点击这只作品，似乎凌乱。

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

来源

2016-12-05 MeltingDog

OK，我发现，使用下列得到它：

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

来源

2016-12-05 06:01:36 MeltingDog

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

回答

相关问题