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>