【问题标题】:How to trigger native datepickers from javascript in FirefoxOS?如何在 Firefox OS 中从 javascript 触发本机日期选择器?
【发布时间】:2013-07-05 15:22:20
【问题描述】:

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

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

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

感谢您的帮助

【问题讨论】:

    标签: firefox mobile datepicker firefox-os


    【解决方案1】:

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

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

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

    #datepicker {
        opacity: 0;
    }
    

    这能回答你的问题吗?

    【讨论】:

    • 我曾尝试使用display: nonevisibility: hidden 进行输入并不会触发日期选择器。但我忘记了opacity:0 哪个有效。谢谢你的伎俩
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2023-03-09
    • 1970-01-01
    • 1970-01-01
    • 2023-03-19
    • 2012-08-25
    • 2010-11-19
    • 1970-01-01
    相关资源
    最近更新 更多