自定義jtsage datebox爲jQuery Mobile的

Question

我使用this incredibly awesome jquery mobile oriented datepicker，我想根據設備尺寸定製。我看到了一些建議，指向修改CSS，但我無法捕捉創建日曆出現的彈出對話框的事件。

是否有jsfiddle，我可以看看和學習的地方？

Answer 1

看着你提供的頁面上的例子，它似乎被綁定到vmouseclick事件。所以，你應該能夠使用click，vmousedown，vmouseup根據您的需要。

所以，如果你有HTML這樣的：

<label for="mydate">Some Date</label> 

<input name="mydate" id="mydate" type="date" data-role="datebox" data-options='{"mode": "datebox"}'> 

你JQM會是這樣：

$("mydate").click(function(){ 
    // Do something 
}); 

我沒有看到CONFIGS的任何選項在打開調整DateBox的大小。所以，你想創建時檢查DIV的CSS和類設置，然後加上自己的CSS覆蓋他們所使用的CSS（<link rel="stylesheet" type="text/css" href="http://dev.jtsage.com/cdn/datebox/latest/jqm-datebox.min.css" />），或下載CSS並對其進行編輯。

沒有默認的jsfiddle這一點，但我感動的例子爲一個供您使用，如果你喜歡玩：http://jsfiddle.net/Twisty/pNQeD/