如何将jquery-mobile-datebox mm-dd-yyyy显示格式的flipbox弹出显示顺序更改为dd-mm-yyyy

Question

我正在尝试修改jquery-mobile-datebox的flipbox的显示顺序，但我找不到相同的选项。我试图通过jquery做到这一点，但我认为在flipbox中可能有一个选项。

以下是供参考的图片。

下图显示默认弹出窗口

我要求弹出窗口显示日期|月|年份如红色边框所示

我希望有人帮助我！

Answer 1

我认为Killrawr方式是好方法但我在我的例子中看到了正确的“覆盖”字段名称： 是“overrideDateFieldOrder”而不是“fieldsOrderOverride”。我使用的是最后一个版本的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']}"

没有跑。

此致

Answer 2

我的猜测是你正在使用这个DatePicker。在这种情况下，您可以查看所有options，即['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

实施（来源here）

<input name="mydate" id="mydate" type="date" data-role="datebox"
data-options='{"mode": "timebox", "fieldsOrderOverride": "d m y" }'>

Answer 3

试试这个：

<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}">

Answer 4

如果您使用的是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“是我用来修复同一问题的属性。

以下链接将非常有用

http://dev.jtsage.com/jQM-DateBox/api/dateFieldOrder/