Question

无论如何都要从html5元素类型=“datetime-local”启动日历/时间视图？

<input type="datetime-local" id="dtl" />

<script>
$('#dtl').click();
</script>

无法正常工作，即使您可以通过点击来收听事件。

Answer 1

不幸的是，不是真的。

每个浏览器都会以不同的方式实现HTML5日历视图，因此没有可靠的方法来激活浏览器的日期时间日历选择器。你能做的最好的事情可能是$('#dtl').focus();专注于该领域，但我知道这不是你想要的。

跨浏览器的替代方法是使用类似jQuery UI datepicker的内容。

Answer 2

显示日历（dtl）：

$('#dtl').datepicker('show');

像这样使用它：

<script>
$(document).ready(function () {
        function triggerclick() {
            $('#dtl').datepicker('show');
             })
</script>


<input type="datetime-local" class="dtl"  id="dtl"  value="2014-11-16T15:25:33">

<input name="triggerclick" type="button" value="triggerclick" class="triggerclick" id="triggerclick" >

以编程方式启动html5 datetime-local

2 个答案:

显示日历（dtl）：