HTML5输入类型=日期：我可以用JavaScript打开/关闭日期选择器吗？

我试图定制HTML5输入类型=“日期”元素。我想添加一个单独的按钮，点击它可以切换日期选择器下拉列表的可见性。我找不到这方面的任何信息。非常感谢您的帮助

试试这个：

$(document).ready(function () {
    $('input[type="date"]').change(function () {
        closeDate(this);
    });

});

function closeDate(dateInput) {
    $(dateInput).attr('type', 'text');
    $(dateInput).attr('type', 'date');
}

---

下面是我使用CSS制作的解决方案

*{
-webkit框大小：边框框；
-moz框大小：边框框；
框大小：边框框；
}
.exmp wrp{
边缘顶部：100px；
位置：相对位置；
宽度：200px；
}
.btn wrp{
边框：1px实心#达达；
显示：内联块；
宽度：100%；
位置：相对位置；
z指数：10；
}
.btn clck{
边界：无；
背景：透明；
宽度：100%；
填充：10px；
}
.btn clck:：-webkit日历选取器指示器{
右：-10px；
位置：绝对位置；
宽度：78px；
高度：40px；
颜色：rgba（204，204，204，0）；
不透明度：0
}
.btn clck:：-webkit内部旋转按钮{
-webkit外观：无；
}
.btn clck:：-webkit清除按钮{
右边距：75px；
}
.btn{
身高：100%；
背景#fda200；
边界：无；
颜色：#fff；
填充：13px；
位置：绝对位置；
右：0；
排名：0；
}

点击我

不要！如果您使用的是浏览器默认输入，请保留浏览器默认UI！它比你要做的任何事情都要简单一些，从而提高了可用性。单击日历下拉列表之外的任何地方都会为我关闭它，因此我不确定你是否需要按钮。他想要按钮，因为他也希望能够以这种方式打开它：）如果没有单独的按钮，也可以。在这种情况下，我需要更改三角形图标的外观。还希望使其始终可见，而不是仅在悬停时可见。这可能吗？如果您希望它始终可见，您可以输入：-webkit日历选择器指示器{不透明度：1；}非跨浏览器解决方案？：/你为什么这么说？你知道你可以在stackoverflow上使用代码片段而不需要JSFIDLE吗？是的，我应该这样做吗？这是社区的首选方式，JS Fiddle链接是可以的，但如果JS Fiddle出现故障，大约有30%的答案代码链接被破坏。