如何配置mobiscroll让其支持startMonth和startDay

来源:互联网 发布:python async with 编辑:程序博客网 时间:2024/06/07 08:23

在此谢谢原创博主大大,本文转载来自:http://blog.csdn.net/hxl_1993/article/details/51164111

笔者在使用mobiscroll开发一个项目的时候,由于只能选择今天以后的日期,看到其配置 项里面startYear可以设置开始年份,所以笔者照猫画虎配置了startMonth和startDay,但是mobiscroll不支持这两个参 数,本文所的内容是修改mobiscroll的源码,让其支持startMonth和startDay

首先看加载文件的写法:

[html] view plain copy
  1. <script src="__PUBLIC__/js/jquery-1.8.3.min.js"></script>   
  2. <script src="__PUBLIC__/js/mobiscroll_date.js" charset="gb2312"></script>   
  3. <script src="__PUBLIC__/js/mobiscroll.js"></script>  

其次是配置项(根据自己的配置,主要增加startMonth, startDay参数):

[html] view plain copy
  1. <script type="text/javascript">  
  2.     $(function () {  
  3.         var currYear = (new Date()).getFullYear(); // 获取年  
  4.         var currMonth = (new Date()).getMonth(); // 获取月  
  5.         var currDay = (new Date()).getDate(); // 获取日  
  6.         var opt={};  
  7.         opt.date = {preset : 'date'};  
  1.         opt.datetime = {preset : 'datetime'};  
  1.         opt.time = {preset : 'time'};  
  2.         opt.default = {  
  3.             theme: 'android-ics light', //皮肤样式  
  4.             display: 'modal', //显示方式   
  5.             mode: 'scroller', //日期选择模式  
  6.             dateFormat: 'yyyy-mm-dd',  
  7.             lang: 'zh',  
  8.             showNow: true,  
  9.             nowText: "今天",  
  10.             startDay: currDay,  
  11.             startMonth: currMonth, // 开始月份  
  12.             startYear: currYear, //开始年份  
  13.             endYear: currYear + 1 //结束年份  
  14.         };  
  15.   
  16.         $("#start").mobiscroll($.extend(opt['date'], opt['default']));  
  17.   
  18.     });  
  19. </script>  

修改mobiscroll.js

[html] view plain copy
  1. mind = s.minDate || new Date(s.startYear, 0, 1)  
修改为:
[html] view plain copy
  1. mind = s.minDate || new Date(s.startYear, s.startMonth, s.startDay)  

这样mobiscroll就只能选择今天以后的日期了


0 0
原创粉丝点击