BootStrap与HTML5内置DatePicker冲突的解决办法

一、问题
在支持HTML5内置DatePicker的浏览器中(可在CanIUse网站查询),在HTML中以<input type="date" />这种方式,使用BootStrap或JQuery UI的DatePicker组件,可能会自动触发浏览器内置的DatePicker。

正常想要达到的效果界面如下:

image.png

冲突界面如下:

image.png

二、解决办法:
HTML中取消type标签,删除type:<input <del> type="date" />,在JS中进行设置,即可。类似冲突均可采用此法解决

image.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容