-- 引入 js/CSS
- <link rel="stylesheet" type="text/css" href="https://www.js-css.cn/jscode/date/date4/css/pikaday.css"/>
- <script type="text/javascript" src="https://www.js-css.cn/jscode/date/date4/js/pikaday.min.js"></script>
-- 页面标签使用
- <div>
- <span > 预约时间:</span>
- <input type="text" id="datepicker" value="请选择日期" name="bookDate">
- </div>
-- 控件参数控制
- <script type="text/javascript">
- var data =new Date()
- var picker = new Pikaday(
- {
- field: document.getElementById('datepicker'),
- firstDay: 1,
- minDate:data,// 只能选择今天以及以后的时间
- yearRange: [2000,2020]
- });
- </script>
来源: http://www.bubuko.com/infodetail-2586695.html