html5时间插件mui,使用MUI的日期控件引起的探索——HTML5 input类型date属性

我写移动端的页面会用到MUI这个框架，个人觉得挺好用的，有很多实用的UI组件。当然坑还是有的，

虽然MUI也有自带的日历控件，但后台同事反映和后台数据交互起来比较麻烦，然后我就想到了用H5 input类型date属性。

使用H5 input类型的date属性，添加(显示年月)即可，会直接调用IOS和安卓手机上自带的本地日历控件。虽然H5的很多新属性在PC端的某些浏览器还不能很好的支持，同一个属性不同的浏览器可能解析也不一样；但移动端对H5的属性支持还是不错的，不用考虑太多浏览器的问题，主要就是IOS和安卓的适配。

注：使用H5 input date 属性以后还需要给确定按钮绑定change事件。这是因为点击日期以后，弹出日历选框(下图蓝色框部分)，想等用户选择一个日期，选择确定以后在显示(下图红色框部分)同时把相应的数据加载出来，但是现在点了以后,弹出的选框(下图蓝色框部分)在滚动选择日期时候，(下图红色框部分)也会同步显示选择的日期，这样每次都会加载数据，造成不必要的请求，从而导致加载缓慢。

注：使用MUI的日历组件没有这个问题，下面随意滚动选择日期，上面的日期也不会变，等你点击确认以后才会变。