jquery-mobile - jquerymobileのjtsage日付ボックスをカスタマイズする

Question

デバイスのサイズに基づいてカスタマイズしたい、この信じられないほど素晴らしいjqueryモバイル指向の日付ピッカーを使用しています。変更を示すいくつかの提案を見ましたCSSが、カレンダーを表示するポップアップダイアログを作成するイベントをトラップできません。

jsfiddle私が見て学ぶことができるものはありますか？

Answer 1

提供したページの例を見ると、vmouseclickイベントにバインドされているようです。したがって、ニーズに応じてclick、を使用できるはずです。vmousedownvmouseup

したがって、次のような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
});

開いたときにDateBoxのサイズを調整するためのconfigsのオプションが表示されません。したがって、DIV作成時のCSSとクラス設定を調べてから、独自のCSSを追加して使用するCSSをオーバーライドする<link rel="stylesheet" type="text/css" href="http://dev.jtsage.com/cdn/datebox/latest/jqm-datebox.min.css" />か（）、CSSをダウンロードして編集します。

このためのデフォルトのjsFiddleはありませんが、必要に応じて、例を1つに移動して試してみてください：http：//jsfiddle.net/Twisty/pNQeD/