5

我想通过单击按钮打开 FirefoxOS 的本地日期选择器。默认情况下,当输入(显然是日期类型)具有焦点时会显示本机日期选择器。但是如何用一个按钮来做到这一点?此外,我不喜欢日期输入,因为我的应用程序是法语的,并且日期输入中显示的日期格式不是法语格式。

我用css隐藏的日期输入进行了测试。单击按钮会触发对输入的关注。但在这种情况下,不会显示日期选择器。

请不要建议我使用 JQuery UI 或其他 JavaScript 日期选择器。在移动设备上,它们不是很实用,最好的是原生日期选择器。

谢谢你的帮助

4

1 回答 1

7

首先,如果您的问题是关于如何使用按钮触发本机日期选择器,您可以通过调用 focus 来做到这一点:

<input id="datepicker" type="date">
<button onclick="document.getElementById('datepicker').focus()"></button>

如果是关于隐藏日期选择器,但仍将其与按钮一起使用,则可以使用 CSS 将不透明度设置为 0,但它仍然存在,只是不可见:

#datepicker {
    opacity: 0;
}

这是否回答你的问题?

于 2013-07-23T13:08:35.530 回答