jquery-mobile - 为 jquery mobile 自定义 jtsage 日期框

Question

我正在使用这个非常棒的面向 jquery 移动设备的日期选择器，我想根据设备大小对其进行自定义。我看到了一些指向修改的建议，CSS但我无法捕获创建日历附带的弹出对话框的事件。

有没有jsfiddle我可以看看和学习的？

Answer 1

查看您提供的页面上的示例，它似乎绑定到 vmouseclick 事件。因此，您应该能够根据需要使用click, 。vmousedownvmouseup

因此，如果您的 HTML 如下：

<label for="mydate">Some Date</label>

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

你的 JQM 会像：

$("mydate").click(function(){
    // Do something
});

我没有看到任何用于在打开时调整 DateBox 大小的配置选项。因此，您需要检查DIV创建时的 CSS 和类设置，然后添加您自己的 CSS 以覆盖他们使用的 CSS ( <link rel="stylesheet" type="text/css" href="http://dev.jtsage.com/cdn/datebox/latest/jqm-datebox.min.css" />)，或下载 CSS 并对其进行编辑。

对此没有默认的 jsFiddle，但如果您愿意，我将一个示例移到一个示例中供您使用：http: //jsfiddle.net/Twisty/pNQeD/