jqueryモバイルのdateboxコンポーネントの幅と高さを変更する方法

Question

jqueryモバイルWebページで日付と時刻のコンポーネントの幅と高さを指定する必要があります。日付入力の幅と高さを定義して残念ながら、それはうまくいかなかった。これを達成するための考え方は？

ありがとうございます。

サンプルコードはここで見ることができます - http://jsfiddle.net/na6Be/

Answer 1

DateBoxプラグインは現在、あなたのマークアップでは、単純な属性を持つの後にあるものをサポートしていません。テーマはドキュメントに基づいていますが、プラグインによって動的に作成される要素のサイズを変更できる唯一の方法は、CSSを必要なサイズに置き換えることです。

しかし、生成されたマークアップにはかなり多くのクラスが使用されています。 Inspect要素があなたの友人になります。最初に見えるのは、.ui-datebox-containerクラスです。デフォルトの幅は280ピクセルです。名前が示すように、これは単なるコンテナなので、これを単に変更するだけでDataBoxの内容には影響しません。すばやく見て、あなたが探している要素はすべて「ui-datebox」で始まるクラスの中にあると思います。

幸運を祈る！