2015-04-08 69 views
0

我有一個jQuery對話框,顯示一個表和第一個頭我有一個Tooltipster,顯示一個dateStart和dateEnd輸入,以便將過濾器應用到表。我想在這些輸入中使用jQuery datepicker來選擇日期範圍,但datepicker不會在tooltipster中顯示。這可以做到嗎?如何將jQuery datepicker添加到tooltipster工具提示中的文本字段?

工具提示:

$jq('.dateFilters').tooltipster({ 
content: $("table" StartDate "input class='datepicker' type='text' name='dateFilterStart' " + 
      EndDate "input class='datepicker' type='text' name='dateFilterEnd' 
}); 

的jQuery:

$jq(".datepicker").datepicker(); 
+1

如果工具提示插件沒有某種形式的回調,它會在渲染後觸發 – charlietfl

回答

0

plugin documentation建議你應該在functionReady選項做到這一點:

$jq('.dateFilters').tooltipster({ 
    content: /* ... your stuff here ... */, 
    functionReady: function() { $jq(".datepicker").datepicker(); } 
}); 

免責聲明:我從來沒有使用這個插件。這個答案完全基於上面鏈接中提供的文檔。

+0

非常感謝!這工作,但是我不得不從日期選擇器中刪除$ jq並保留爲$ – catw4x

+0

這應該是jQuery對象在應用程序中的任何別名; '$'和'jQuery'是默認的,但你可以將它設置爲你喜歡的任何東西。如果答案幫助你考慮選擇它 – blgt

+0

剛剛在Chrome中測試(我們使用IE默認....我知道)和datepicker顯示正常,但是當你點擊前一個或下一個月的tooltipster消失之前,你可以設置日期。在IE中運行正常!去搞清楚。 – catw4x

相關問題