jquery - 如何使用 jquery 设置日期输入数据选项

Question

我正在使用 JQuery-Mobile datebox ，并且我想使用 JQuery 设置日期输入数据选项

编辑:

我的问题是:如何使用 jquery 设置日期输入数据选项？

输入代码:

            <input 
                name="mydate" 
                id="mydate" 
                type="date"
                pickPageTheme="a"
                data-role="datebox"
                data-options='{"mode": "calbox" }' />

Answer 1

datebox插件内部依赖data()解析 data-options 属性，以便您可以使用其 setter 形式而不是创建显式属性:

$("#mydate").data("options", {
    mode: "calbox",
    highDates: ["2011-11-02", "2011-11-03"],
    highDatesAlt: ["2011-11-09", "2011-11-10"],
    pickPageOAHighButtonTheme: "b"
});

如果已经创建了小部件，请不要忘记刷新它:

$("#mydate").datebox("refresh");

编辑:不幸的是，如果日期框小部件是由移动框架在页面加载时自动创建的，则上面的代码将不起作用(因为 data-options 属性是仅解析一次)。要解决该问题，您可以使用 options 方法:

$("#jqmdb").datebox("option", {
    mode: "calbox",
    highDatesAlt: ["2011-11-09", "2011-11-10"],
    highDates: ["2011-11-02", "2011-11-03"],
    pickPageOAHighButtonTheme: "b"
});

但是，在这种情况下，您必须在highDates之前指定highDatesAlt，否则前者将被忽略。

我更新了你的 fiddle here .