4

我正在尝试修改 jquery-mobile-datebox 翻转框的显示顺序，但我找不到任何相同的选项。我正在尝试通过 jquery 来做到这一点，但我仍然认为在 Flipbox 中可能有一个选项。

下面是图片供参考。

下图默认显示弹出窗口

在此处输入图像描述

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

在此处输入图像描述

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

4

4 回答 4

4

我认为 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']}"

不运行。

问候，

于 2012-10-29T22:10:17.583 回答
2

我猜你正在使用这个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" }'>
于 2012-09-14T07:58:57.313 回答
0

尝试这个：

<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}">
于 2012-09-27T14:02:52.613 回答
0

如果您使用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/

于 2014-12-05T11:32:17.957 回答