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

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

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

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