javascript - 日期选择器的自定义标题

Question

我使用 pickadate.js ( http://amsul.ca/pickadate.js/date/ )

我尝试创建一个自定义标题来显示类似于 Material 设计日期选择器的所选日期 - http://materializecss.com/forms.html#date-picker

我已阅读 pickadate.js 的文档，但没有提及此类自定义。

有什么建议吗？

Answer 1

就像那个家伙:

onRender: function () {
                var year = $('.datepicker').pickadate('picker').get('highlight', 'yyyy');
                var day = $('.datepicker').pickadate('picker').get('highlight', 'dd');
                var month = $('.datepicker').pickadate('picker').get('highlight', 'mm');
                console.log(year, day, month);

                $('.picker__header').prepend('<div class="picker__date-display"><div class="picker__weekday-display">[current day label]</div><div class="picker__month-display"><div>[current month]</div></div><div class="picker__day-display"><div>'+day+'</div></div><div    class="picker__year-display"><div>'+year+'</div></div></div>');
            }

看这里http://jsfiddle.net/ctx8ec9L/28/