html5 input[type="date"] 元素框内上下箭头无法使用

Question

html5 input[type="date"] 元素框内有一个上下调节时间的按钮和打开一个选择时间的面板，现在是上下调节时间的那个按钮失效了，离开项目测试没有问题，一旦在项目中使用就失效，不知道是什么原因，希望知道能够影响这个标签的各种因素，各位知道的大神还望不吝赐教

<input type="date" class="form-control" value="2016-10-03" />

这个是正常的时候状态

这是点击上面箭头时候状态

这个是点击下面时候的状态

点击上下状态都是一样的，而且日期不会改变
已经找到原因，是因为在文件中引入了百度地图，然后创建了一个百度地图对象，导致html5的date标签的上下箭头无法使用，如果有知道解决方案的小伙伴希望能教教我，非常感谢



没有找到好的解决办法，暂时先取消了那个上下箭头，方法是：

input[type='date']::-webkit-inner-spin-button {
    display:none;
  }

Answer 1

既然已经选择了bootstrap，那就来个datepicker吧……

Answer 2

一般地，不同浏览器对datetime的支持不一样，有些经过第三方修改过的浏览器更是无法预测。

你先尝试换一个不同内核的浏览器试试。

通常的做法是，找一个非原生的datetimepicker代替原生控件。