Mobiscroll — 配合jQuery Mobile 的日期选择控件附DEMO

来源：互联网发布：大富豪3.41棋牌源码编辑：程序博客网时间：2024/06/02 04:15

官方demo:http://demo.mobiscroll.com/

<script type="text/javascript" src="../../mweb_js/jquery-1.9.1.js"></script><script type="text/javascript" src="../../mweb_js/datepicker/mobiscroll.core-2.5.2.js"></script><script type="text/javascript" src="../../mweb_js/datepicker/mobiscroll.core-2.5.2-zh.js"></script><link type="text/css" rel="stylesheet" href="../../mweb_css/datepicker/mobiscroll.core-2.5.2.css"/><link type="text/css" rel="stylesheet" href="../../mweb_css/datepicker/mobiscroll.animation-2.5.2.css"/><script type="text/javascript" src="../../mweb_js/datepicker/mobiscroll.datetime-2.5.1.js"></script><script type="text/javascript" src="../../mweb_js/datepicker/mobiscroll.datetime-2.5.1-zh.js"></script><!-- 可根据自己喜好引入样式风格文件 --><link type="text/css" rel="stylesheet" href="../../mweb_css/datepicker/mobiscroll.android-ics-2.5.2.css"/><script type="text/javascript" src="../../mweb_js/datepicker/mobiscroll.android-ics-2.5.2.js"></script><script type="text/javascript">  $(function () {      var currYear = (new Date()).getFullYear();        var opt={};      opt.date = {preset : 'date'};      //opt.datetime = { preset : 'datetime', minDate: new Date(2012,3,10,9,22), maxDate: new Date(2014,7,30,15,44), stepMinute: 5  };      opt.datetime = {preset : 'datetime'};      opt.time = {preset : 'time'};      opt.default = {        theme: 'android-ics light', //皮肤样式        display: 'modal', //显示方式         mode: 'scroller', //日期选择模式        dateFormat: 'yyyy-mm-dd', // 日期格式            lang:'zh',        startYear:currYear - 100, //开始年份        endYear:currYear, //结束年份        onSelect:function(){          setEndDate();//点击确认后函数        }      };      $("#effe_date").val('').scroller('destroy').scroller($.extend(opt['date'], opt['default']));      var optDateTime = $.extend(opt['datetime'], opt['default']);      var optTime = $.extend(opt['time'], opt['default']);  });</script>

插件下载

插件下载-破解附demo

0 0