layDate日期與時間組件的使用


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、效果圖

選擇日期:

 

 選擇時間:

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM