当前位置: 首页 > 工具软件 > Pikaday > 使用案例 >

日期插件 pikaday.js 的使用

傅新
2023-12-01
--引入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>  

  

转载于:https://www.cnblogs.com/lansetuerqi/p/8989349.html

 类似资料: