日期插件 pikaday.js 的使用

Posted 2020-11-02 蓝色土耳其

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