jquery-mobile-datebox のフリップボックスの表示順序を変更しようとしていますが、同じオプションが見つかりませんでした。私はjqueryでこれをやろうとしていますが、それでもフリップボックスにオプションがあると思います。
以下、参考画像です。
下の画像はデフォルトでポップアップを示しています
日付を表示するポップアップが必要 | 月 | 月 | 赤枠の年
誰かがこれで私を助けてくれることを願っています!
jquery-mobile-datebox のフリップボックスの表示順序を変更しようとしていますが、同じオプションが見つかりませんでした。私はjqueryでこれをやろうとしていますが、それでもフリップボックスにオプションがあると思います。
以下、参考画像です。
下の画像はデフォルトでポップアップを示しています
日付を表示するポップアップが必要 | 月 | 月 | 赤枠の年
誰かがこれで私を助けてくれることを願っています!
Killrawr の方法は良い方法だと思いますが、私の場合、正しい「オーバーライド」フィールド名が「fieldsOrderOverride」ではなく「overrideDateFieldOrder」であることがわかりました。私はdateboxの最新バージョンを使用しています。
「i18n」のいくつかのキー/フィールドを見ると、「dateFieldOrder」という名前のキーが表示されます。これは、オーバーライドによるキーのプレフィックスによるオーバーライド メソッドを既に使用しているため、うまく動作しているようです。
私の場合、私がしたとき:
jQuery.extend(jQuery.mobile.datebox.prototype.options, {
'overrideDateFieldOrder': ['d','m','y']
});
順調に進んでいます。
他の方法も行うことです:
$('#mydate').data("options", {"overrideDateFieldOrder": ["d", "m", "y"]});
またはあなたの場合は最高だと思います:
<input name="mydate" id="mydate" type="date" data-role="datebox" data-options='{"overrideDateFieldOrder":["d", "m", "y"]}' />
注意 : この最後の行での " と ' の使用は重要です。タグ
data-option='{"overrideDateFieldOrder":["d", "m", "y"]}'
うまく動作しますが、次のようなものではありません
data-option="{'overrideDateFieldOrder':['d','m','y']}"
実行されません。
よろしく、
私の推測では、このDatePickerを使用しています。その場合、すべてのオプションを確認しましたか['m','d','y']
fieldsOrderOverride
Type:
Array
Default:
Inherited
Modes:
time/date/flip/slide
Override the i8n fields order. Option is an array of three items, for 24 clock mode 'a' is ignored. i.e. ['m','d','y']
Valid options:
y : Year
m : Month
d : Day of Month (date)
h : Hour
i : Minute
a : Meridiem
実装(ソースはこちら)
<input name="mydate" id="mydate" type="date" data-role="datebox"
data-options='{"mode": "timebox", "fieldsOrderOverride": "d m y" }'>
これを試して:
<input name="mydate" id="mydate" type="date" data-role="datebox" data-options="{\"mode\":\"calbox\",\"fieldsOrderOverride\": [\"d\",\"m\",\"y\"],\"headerFormat\":\"%A,%d, %-m, %Y\",\"dateFormat\":\"dd/mm/YYYY\",\"useTodayButton\":true}">
Jquery mobile
datebox
私の答えを使用している場合は便利です。
以下に示す私のHtml
<input type="text" name="scheduled_date" id="date-value" data-role="datebox" data-options='{"mode":"datebox","afterToday":"true","overrideDateFormat":"%d-%m-%Y","useFocus":true,"overrideDateFieldOrder": "dmy"}' placeholder="Date here">
overrideDateFieldOrder": "dmy" は、同じ問題を修正するために使用した属性です。
次のリンクが役立ちます