码迷,mamicode.com
首页 > Web开发 > 详细

日期插件 pikaday.js 的使用

时间:2018-05-04 11:57:27      阅读:1528      评论:0      收藏:0      [点我收藏+]

标签:java   javascrip   new   min   src   选择   type   day   link   

--引入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 的使用

标签:java   javascrip   new   min   src   选择   type   day   link   

原文地址:https://www.cnblogs.com/lansetuerqi/p/8989349.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!