美文网首页
BootStrap与HTML5内置DatePicker冲突的解决

BootStrap与HTML5内置DatePicker冲突的解决

作者: Higer2017 | 来源:发表于2017-12-20 16:00 被阅读0次

    一、问题
    在支持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

    相关文章

      网友评论

          本文标题:BootStrap与HTML5内置DatePicker冲突的解决

          本文链接:https://www.haomeiwen.com/subject/jbigwxtx.html