为jquery mobile自定义jtsage日期框

Question

我正在使用this incredibly awesome jquery mobile oriented datepicker我希望根据设备大小自定义。我看到一些建议指向修改CSS，但我无法捕获创建日历弹出对话框的事件。

我可以查看和学习jsfiddle吗？

Answer 1

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

所以，如果你有像：

这样的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/