Question

我使用pickadate.js（http://amsul.ca/pickadate.js/date/）

我尝试创建一个自定义标题，以显示类似于Material Design Date Picker的所选日期 - http://materializecss.com/forms.html#date-picker

我已经阅读了pickadate.js的文档，但没有提及这种自定义。

有什么建议吗？

Answer 1

喜欢那个家伙：

updateAssociate.AssocID = string.IsNullOrEmpty(txtAssocId.Text) ? someDefaultValue : txtAssocId.Text;

见http://jsfiddle.net/ctx8ec9L/28/

Answer 2

我这样做http://jsfiddle.net/ctx8ec9L/26/。

 $('.datepicker').pickadate({
    selectMonths: true, // Creates a dropdown to control month
    selectYears: 15 // Creates a dropdown of 15 years to control year,
    ,
    onRender: function() {
     $('.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>[current days]</div></div><div    class="picker__year-display"><div>[current year]</div></div></div>');
 }
  });

我认为你可以获得当天，用amsul标记日，月和年。

希望有所帮助。

Answer 3

这是基于@Greg的回答。我修改它是多用途的。 JsFiddle

function populatePickadateHeader(elem){
    var year = $(elem).pickadate('picker').get('highlight', 'yyyy');
    var day = $(elem).pickadate('picker').get('highlight', 'dd');
    var month = $(elem).pickadate('picker').get('highlight', 'mmm');
    var labelday = $(elem).pickadate('picker').get('highlight', 'dddd');
    console.log(year, day, month,labelday);

    $(elem + '_root' + ' .picker__header').prepend('<div class="picker__date-display"><div class="picker__weekday-display">'+labelday+'</div><div class="picker__month-display"><div>'+month+'</div></div><div class="picker__day-display"><div>'+day+'</div></div><div    class="picker__year-display"><div>'+year+'</div></div></div>');
}

在初始化中使用它，如

 $('#inputDatetime').pickadate({
     selectMonths: true, // Creates a dropdown to control month
     selectYears: 15, // Creates a dropdown of 15 years to control year,
     onRender: function () {
         populatePickadateHeader('#inputDatetime');        
     }
 });

日期选择器的自定义标头

3 个答案: