页面添加:
<input id="demo" placeholder="Please Select..." />
引入插件库:
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script> <script src="js/mobiscroll.custom-3.0.0-beta.min.js"></script> <link href="css/mobiscroll.custom-3.0.0-beta.min.css" rel="stylesheet" type="text/css">
插件初始化:
<script type="text/javascript"> $(function () { //初始化配置参数 $('#demo').mobiscroll().calendar({ theme: 'mobiscroll', //日期选择器使用的主题 lang: 'zh', //使用语言 display: 'bottom' //显示方式 }); }); </script>
详细配置参数可查看官网API