Javascript 在桌面上禁用本机日期选择器

Chrome现在似乎为

字段提供了一个本地日期选择器，这太棒了。不幸的是，我公司的设计师不喜欢它的外观，想用JavaScript替代它

为此，必须将输入类型更改为

text

，以便不会触发本机日期选择器。但这打破了智能手机上的原生日期选择器，我们希望保留它，因为它比JavaScript日期选择器更具可用性

基本上，在台式机上我们需要JavaScript日期选择器，在手机上我们需要本机日期选择器

---

我们无法将输入类型从

text

更改为

date

，因此我必须以某种方式禁用浏览器的本机日期选择器。有人知道怎么做吗？

要么有两个输入，一个日期和一个文本，根据屏幕分辨率（媒体查询）使用CSS显示/隐藏它们，要么在window.width低于某个阈值时使用javascript动态地将type=“text”更改为type=“date”。感谢忍者，这似乎是最好的解决方案。不幸的是，您无法使用JavaScript（至少在Chrome中）动态更改输入类型。如果你添加你的评论作为回答，我会接受。关于@ninja的评论，你可以动态插入一个新的标签或标签。如果您使用的是jQuery，则可以在页面加载时删除当前标签并用新标签替换，或者在angularJS中，您可以创建一个指令，根据屏幕类型或宽度加载并使用不同的模板。