1、插件的下載(https://www.layui.com/laydate)
2、解壓layDate插件,然后復制laydate文件夾內容,粘貼到新建項目的js文件夾下。
3、代碼
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>時間插件</title>
<!-- 引入laydate.js文件-->
<script type="text/javascript" src="js/laydate/laydate.js"></script>
</head>
<body>
<!-- 創建input文本框,並給id -->
開始時間:<input id="shijian" type="text" />
</body>
<script>
//執行一個laydate實例
laydate.render({
elem: '#shijian', //指定元素
min: 'new Date()' ,//設定最小日期為當前日期
max: 90, //設置當前日期后最大可選擇天數
theme: '#8470FF',//主題顯示
type: 'datetime', //選擇時間
});
</script>
</html>
4、效果圖
選擇日期:
選擇時間: