1. 程式人生 > >日期插件 pikaday.js 的使用

日期插件 pikaday.js 的使用

true div href 插件 field TP rip doc IE

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

  

日期插件 pikaday.js 的使用