將傳說添加到jQuery datepicker

我使用的是標準的jQuery Datepicker，我需要修改它以在底部顯示圖例。當我使用beforeShow事件時，我不能將圖例html附加到datepicker，因爲沒有＃ui-datepicker-div元素，並且datepicker不提供afterShow事件。這是我的代碼：將傳說添加到jQuery datepicker

var html = $('#datepickerLegendHolder').html(); 

$('#start_date.datepicker').datepicker({ 
     "dateFormat": 'yy-mm-dd', 
     minDate: 0, 
     showOn: "both", 
     buttonImage: "/images/calendar-icon.png", 
     maxDate: "+2Y", 
     beforeShow: function(event, ui) { 
      $('#ui-datepicker-div').append(html); 
     }, 
     onSelect: function (dateValue, inst) { 
      $('#end_date.datepicker').datepicker("option", "minDate", dateValue); 
      displayButtons(); 
     } 
    });

有沒有人可以選擇？ Tnx

來源

2012-03-23 dzona

在onBeforeShow事件發生時，元素#ui-datepicker-div尚未存在。

解決方法是使用持續時間較短（如150ms）的setTimeout將圖例附加到事件處理程序中的該元素。儘管由於插件的體系結構，我不知道任何其他方式，但它不可能完全可靠。

注意：文檔列出了一個create事件，但Datepicker確實實現了Widget Factory，因此實際上沒有引發創建事件！

$('#datepicker').datepicker({ 
    ... 
    beforeShow: function(event, ui) { 
     setTimeout(function() { 
      $('#ui-datepicker-div').append('lalala'); 
     }, 150); 
    } 
});

DEMO

來源

2012-03-23 15:26:31

其實，我試圖與超時（）函數，但使用創建事件，以及較小的超時時間，並沒有奏效。無論如何，它不會減少你的幫助:) Tnx！ – dzona 2012-03-23 15:50:14

不幸的是，jQuery UI的文檔非常糟糕IMO。「創建」事件僅對使用Widget Factory的窗口小部件存在，並且日期選擇器尚未實現它（尚）。無論如何，很高興它幫助！ – 2012-03-23 15:52:56

將傳說添加到jQuery datepicker

回答

相關問題