javascript - 用于在移动设备上触发日期输入的 HTML5 按钮

标签 javascript jquery html

我有一个 HTML5 设计,我希望能够使用按钮来显示日期,但我想使用 HTML5 输入类型 =“日期”来选择日期。

这是我的代码:

<button type="button" id="btnDate" class="btn btn-primary">
    <span class="glyphicon glyphicon-calendar"></span> <span class="date">27 Jul 2015</span>
</button>
<input type="date" class="hidden" id="tbDate" />

<script type="text/javascript">
    $(document).ready(function() {
        $("#btnDate").click(function () {
            $("#tbDate").focus();
        });
    });             
</script>

我试过 focus() 和 click() - 都不起作用...有什么想法吗?

最佳答案

请使用手机浏览。

<label for="dateInput">click button</label>
<input type="date" id="dateInput" />

关于javascript - 用于在移动设备上触发日期输入的 HTML5 按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32435215/

相关文章:

javascript - 聊天小部件的通知

javascript - YouTube javascript API(带有 ASP)功能无法正常工作

jquery - 从 JSON 编码的数据源中提取图像 URL

php - 内联 css 工作但外部和内部 css 在 index.php 中不起作用

javascript - 是否可以在不重新加载的情况下运行注入(inject)的脚本?

javascript - $(this) 和范围 - 传递特定元素

javascript - MaterializeCss 模态报错 openModal is not a function

javascript - jQuery 如果没有类则不触发函数

html - 如何正确定位此 DIV?

javascript - 为 Bootstrap Carousel 添加不同的效果