日期插件 pikaday.js 的使用

--引入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>  

  

posted @ 2018-05-04 10:19  蓝色土耳其  阅读(278)  评论(0编辑  收藏  举报