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

如何将jquery mobile datebox mm dd yyyy显示格式的flipbox弹出显示顺序更改为dd mm yyyy,jquery,jquery-plugins,jquery-mobile,Jquery,Jquery Plugins,Jquery Mobile,我试图修改jquery mobile datebox的flipbox的显示顺序,但找不到任何相同的选项。我试图通过jquery实现这一点,但我仍然认为flipbox中可能有一个选项 以下是供参考的图片 下图显示了默认情况下的弹出窗口 我需要弹出窗口显示日期|月|年,如红色边框所示 我希望有人能在这方面帮助我 我猜你在用这个。在这种情况下,您有没有查看过all,即['m','d','y'] fieldsOrderOverride Type: Array Default: I

我试图修改jquery mobile datebox的flipbox的显示顺序,但找不到任何相同的选项。我试图通过jquery实现这一点,但我仍然认为flipbox中可能有一个选项

以下是供参考的图片

下图显示了默认情况下的弹出窗口

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


我希望有人能在这方面帮助我

我猜你在用这个。在这种情况下,您有没有查看过all,即
['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\":\"calbox\",\"fieldsOrderOverride\": [\"d\",\"m\",\"y\"],\"headerFormat\":\"%A,%d, %-m, %Y\",\"dateFormat\":\"dd/mm/YYYY\",\"useTodayButton\":true}">

我认为Killrawr方法是个好方法,但在我的例子中,我看到了正确的“覆盖”字段名: 是“overrideDateFieldOrder”而不是“fieldsOrderOverride”。我使用的是datebox的最新版本

如果您查看“i18n”中的几个键/字段,您可以看到一个名为“dateFieldOrder”的键 因为我已经使用了一些override方法,它看起来运行得很好

因此,就我而言,当我这样做时:

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"]}' />

注意:最后一行中“and”的用法很重要

data option='{“overrideDateFieldOrder”:[“d”、“m”、“y”]}'

运行良好,但不是像这样

data option=“{'overrideDateFieldOrder':['d','m','y']}”

不是跑步


关于,

如果您使用的是
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”是我用来解决相同问题的属性

下面的链接将非常有用


谢谢您的回复!是的,它是相同的,我使用了您提到的选项,但它仍然显示为月|日|年的弹出窗口。下面是我使用的代码,更新后的代码如下,但它仍然显示默认的弹出窗口,包含m d y格式。我将在今晚或明天查看它,并尝试为您找到一个硬编码的解决方案。谢谢!你说得对,Killrawr的想法是对的,但它使用了错误的财产名称。正确的属性名称为“overrideDateFieldOrder”。-我想你的第一段有个错误。您编写了“fieldsOrderOverride”而不是“fieldsOrderOverride”。但我想你是想写“overrideDateFieldOrder”而不是“fieldsOrderOverride”;)这是最好的答案。此处记录了该选项:此处对“覆盖”前缀的使用进行了更好的解释:
<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">