项目中用到mobiscroll的一些心得

我所负责的项目要求的效果是

1. 显示的日期格式是2017-11-20（星期一） 

2. 初始化的默认值是后台传过来的一个日期值，后台传过来的是昨日日期值  

3. 最大日期值也是这个日期，即只能选择昨日以前的日期    

4.这篇博客的最后，给大家附带说下只显示年月的实现方法  

用的过程中，为了达到项目要求的效果，也参考了一下其他的文章

1.效果1：显示的日期格式是2017-11-20（星期一） 

   手机端就是这么个下拉框了,当然是按照设计图来的

css就是  input标签定位到一个span上面，当然input和span是同一个父级下的元素，让input变透明就可以了

为啥css搞得这么麻烦呢，假如要求的显示日期是2017-11-26这样的格式，其实可以把默认值直接放到input标签上，但是原型要求后面带个（星期X），这样的日期格式直接放到input标签上的话，插件会有问题，所有css搞得麻烦了些。

2.效果2：初始化的默认值是后台传过来的一个日期值，后台传过来的是昨日日期值  

这里先说下假如今天是2017年11月24日，后台会传过来昨天的日期（2017-11-23），查了些资料，发现解决方法很简单

效果图：

想要设置默认选中日期，改动如下

3.效果3：截止日期精确到某一天，项目要求只能选择昨日以前的日期  

改动如下，改的是mobiscroll.js，红框中是前后改动，大家应该一眼就可以看懂的

当然设置的时候就是这样的，如下图：

后来又有新需求，只显示年月，参考博客：http://blog.csdn.net/dystocia/article/details/77214151   如何改的，跟这篇博客说的是一样的哦~

也是改mobiscroll.js  效果如下：

以上demo的地址：链接: https://pan.baidu.com/s/1nvoUDSl 密码: 7nv4

大家看我的demo  或者直接下载我的例子就可以了，希望可以帮到大家，有什么意见，或者想法，欢迎留言~