1.文件的引入
<script src="http://cdn.bootcss.com/jquery/1.12.3/jquery.min.js"></script> <script src="layer/layer.js"></script> <script src="laydate/laydate.js"></script>
2.简单使用 仅供记忆
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <input type="text" id="text1"> </body> </html>
<script src="http://cdn.bootcss.com/jquery/1.12.3/jquery.min.js"></script> <script src="layer/layer.js"></script> <script src="laydate/laydate.js"></script> <script> laydate.render({ elem:'#text1',//制定元素 type:'date', //range:true,//开启左右面板 min:'2017-09-1',// max:'2017-10-1',//规定时间期限 trigger:'mouseover',//定义鼠标悬停时弹出控件 show:true,//默认显示 position:'absolute', //btns:['clear','now'],//工具按钮 默认值['clear', 'now', 'confirm'] theme:'#393D49',//主题颜色 calendar:true,//是否显示公历节日 mark:{ '2017-9-21': '发布'//自定义标注重要日子 }, done:function(value,date){//value, date, endDate点击日期、清空、现在、确定均会触发。回调返回三个参数，分别代表：生成的值、日期时间对象、结束的日期时间对象 console.log(value); console.log(date); } }); </script>