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" />