我正在使用 JQuery-Mobile
datebox
,并且我想使用 JQuery
设置日期输入数据选项
编辑:
我的问题是:如何使用 jquery 设置日期输入数据选项?
输入代码:
<input
name="mydate"
id="mydate"
type="date"
pickPageTheme="a"
data-role="datebox"
data-options='{"mode": "calbox" }' />
最佳答案
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 .
关于jquery - 如何使用 jquery 设置日期输入数据选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8208834/