Javascript 如何在HTML5 mobile中打开日期字段的日历？

我正在使用HTML5和jQuery mobile创建一个移动应用程序。 我有一个包含“日期”类型字段的表单：

有人能帮忙吗

---

谢谢大家!

您的日历徽标可以包装在指向字段的标签标签中。你只需要给这个字段一个ID

<form id="registrationForm">
   <div data-role="fieldcontain">
       <input type="date" id="dateOfBirth" name="dateOfBirth"/>
   </div>
    <label for="dateOfBirth">
        <img id="calendar_logo"/>
    </label>
</form>

---

如果用户单击标签，大多数浏览器都会关注该字段。

请检查此链接，谢谢，但我不想为此使用jQuery的插件。我希望本机浏览器的日期选择器显示。抱歉，我不明白，您使用jquery mobile，发布jquery功能，因此，如果您想要创建跨浏览器日历，您将需要jquery或其他框架。如果您尝试了

单击

而不是

聚焦

，此链接可能会有所帮助？这是您的意思吗？尝试日期框中的向下箭头：这不会在Chrome中打开日历。

$('#calendar_logo').click(function(){
        $("#registrationForm input[name='dateOfBirth']").focusin();
});

<form id="registrationForm">
   <div data-role="fieldcontain">
       <input type="date" id="dateOfBirth" name="dateOfBirth"/>
   </div>
    <label for="dateOfBirth">
        <img id="calendar_logo"/>
    </label>
</form>