Javascript html5输入元素“；日期"；-如何显示日历元素

我有一个使用jqueryUI的日历选择器，但想尝试将其转换为本机日期选择器

我希望能够做到以下几点：

$('#nativedate').click(function(){
    console.log('click logged');
})

从视图中隐藏的“”元素开始

单击主页元素时，让元素显示，并打开日历

当用户选择日历上的日期时，该元素被隐藏

现在，当我进入第2步时，项正在显示，但日历被隐藏， 因此，用户必须单击以显示元素，然后再次单击以显示日历，然后第三次单击以选择日期

编辑：我尝试了以下方法：

$('#nativedate').click(function(){
    console.log('click logged');
})

然后用另一种方法：

$（#nativedate）.trigger（'click'）

就我设置的事件处理程序而言，它是有效的，但它不会打开日历
一些问题：


i） 浏览器的本机datetime元素是否正在打开，或者日历是否正在打开？


ii）如果您的项目在一段时间后未显示，请尝试使用javascript强制其在特定输入标记附近保持打开状态

这些可能有帮助





或者试试谷歌搜索
或者，您可以使用CSS编辑浏览器的本机日期时间选择器。
基本上您是想让事情变得更加用户友好吗？你有什么代码可以提供吗？是的，这里有一个例子：1.点击主舞台，你会看到<输入>日期选择器出现，然后2.点击日期选择器，你会看到日历弹出，然后3。单击日历，日历将消失。我想删除步骤2…尝试添加
$（'#datepicker'）.css（“可见性”，“可见”）
所以我认为它看起来像这样的
$（'#nativedate'）。单击（function（）{$（'#datepicker'）.css（“可见性”，“可见”）；}）
我在你的script.js中看到你的showcalendar函数有一行注释掉的
$（'#datepicker'）。show（）尝试用
$（'#日期选择器'）.css（“可见性”，“可见”）如果我之前说的不起作用，谢谢@AaronRussell-这是旧代码，用于显示jqueryUI日历-下面的两行：'$（'#nativedate'）.show（）；'是显示日历元素的元素。同样，我能够正确地显示元素，但它处于关闭状态。我希望它出现时处于打开状态。在桌面上的chrome中测试：上述步骤可以复制。正在使用浏览器的本机datetime元素，但我试图在不实际单击该元素的情况下强制打开日历。？？你建议“试试谷歌搜索”、“编辑CSS”、“试试javascript”——不用说，我在来这里之前已经花了很多时间。