mobiscroll控制选择时间范围

 1 <script type="text/javascript">
 2     var ctx = '${ctx}';
 3      $(function () {
 4             //var currYear = (new Date()).getFullYear();    
 5             //var currMonth = (new Date()).getMonth();
 6             var date = new Date();
 7             var opt={};
 8             opt.date = {preset : 'date'};
 9             //opt.datetime = { preset : 'datetime', minDate: new Date(2012,3,10,9,22), maxDate: new Date(2014,7,30,15,44), stepMinute: 5  };
10             opt.datetime = {preset : 'datetime'};
11             opt.time = {preset : 'time'};
12             opt.default = {
13                 theme: 'android-ics light', //皮肤样式
14                 display: 'modal', //显示方式 
15                 dateFormat:'yyyy-mm',
16                 dateOrder:'yyyymm',
17                 mode: 'scroller', //日期选择模式
18                 lang:'zh',
19                 //startYear:currYear - 20, //开始年份
20                 //endYear:currYear,  //结束年份
21                 minDate: new Date(date.getFullYear(),date.getMonth()-6),
22                 maxDate:new Date(date.getFullYear(),date.getMonth()+6),
23                 onCancel:function(){//点击取消按钮
24                    $('#appDate').val("");//清空时间
25                 },
26                 onSelect:function(){//点击确定按钮
27                  search();
28                 },
29             };
30 
31             var time = $.extend(opt['date'], opt['default']);
32             $("#appDate").val('').scroller('destroy').scroller($.extend(opt['date'], opt['default']));
33    });
34 </script>


   控制时间显示为当前时间的前6个月和后6个月

<input type="text" name="" placeholder="点击选择时间" class="time"
                    id="appDate" />

posted on 2018-08-20 13:58 习惯不习惯的习惯阅读(3689) 评论(0) 收藏举报

刷新页面返回顶部