本文實例為大家分享了layui-日期控制項的實作程式碼，供大家參考，具體內容如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>日期</title>
<link rel="stylesheet" href="layui/css/layui.css">
</head>
<body>
<blockquote class="layui-elem-quote">目前Layui中的日期组件还是layDate 1.1的改良版，它后续将会进行一次重写。
</blockquote>
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
<legend>顺便列举几个常用例子</legend>
</fieldset>
<p class="layui-form-pane" style="margin-top: 15px;">
<p class="layui-form-item">
<label class="layui-form-label">范围选择</label>
<p class="layui-input-inline">
<input class="layui-input" placeholder="开始日" id="LAY_demorange_s">
</p>
<p class="layui-input-inline">
<input class="layui-input" placeholder="截止日" id="LAY_demorange_e">
</p>
</p>
</p>
<script src="layui/layui.js"></script>
<script>
layui.use('laydate', function(){
var laydate = layui.laydate;
var start = {
min: laydate.now()
,max: '2099-06-16 23:59:59'
,istoday: false
,choose: function(datas){
end.min = datas; //开始日选好后，重置结束日的最小日期
end.start = datas //将结束日的初始值设定为开始日
}
};
var end = {
min: laydate.now()
,max: '2099-06-16 23:59:59'
,istoday: false
,choose: function(datas){
start.max = datas; //结束日选好后，重置开始日的最大日期
}
};
document.getElementById('LAY_demorange_s').onclick = function(){
start.elem = this;
laydate(start);
}
document.getElementById('LAY_demorange_e').onclick = function(){
end.elem = this
laydate(end);
}
});
</script>
</body>
</html>相關推薦：《layui框架教學》
效果圖：
以上是layui怎麼使用日期控件的詳細內容。更多資訊請關注PHP中文網其他相關文章！
如何使用Layui的元素模塊來創建選項卡，手風琴和進度條？Mar 18, 2025 pm 01:00 PM本文詳細介紹瞭如何使用Layui的元素模塊來創建和自定義UI元素，例如選項卡，手風琴和進度條，突出顯示HTML結構，初始化和常見的陷阱，以避免。
如何自定義Layui旋轉木製模塊的外觀和行為？Mar 18, 2025 pm 12:59 PM本文討論了自定義Layui的Carousel模塊，重點介紹了外觀和行為的CSS和JavaScript修改，包括過渡效果，自動播放設置以及添加自定義導航控件。
如何使用Layui的旋轉木載模塊來創建圖像滑塊？Mar 18, 2025 pm 12:58 PM該文章指導使用Layui的Carousel模塊用於圖像滑塊，詳細介紹設置的步驟，自定義選項，實現自動播放和導航以及性能優化策略。
如何將Layui的上傳模塊配置為限製文件類型和尺寸？Mar 18, 2025 pm 12:57 PM本文討論了使用Accept，Exts和Size屬性來限制Layui的上傳模塊，以限製文件類型和尺寸，並自定義錯誤消息以違反。
如何使用Layui的圖層模塊來創建模態窗口和對話框？Mar 18, 2025 pm 12:46 PM本文介紹瞭如何使用Layui的圖層模塊創建模態窗口和對話框，詳細設置，類型，自定義和常見的陷阱要避免。
Layui與其他CSS框架（如Bootstrap和Sminantic UI）相比如何？Mar 14, 2025 pm 07:29 PMLayui以簡單性和性能而聞名，與Bootstrap和Sminantic UI進行了比較，並易於設計。 Layui在模塊化和中文支持方面表現出色。（159個字符）
除了典型的Web應用程序之外，Layui的高級用例有哪些？Mar 14, 2025 pm 07:28 PMLayui超出了基本的Web應用程序，可以通過其模塊化設計和豐富的UI組件來增強企業級用戶體驗。（159個字符）增強了企業級用戶體驗。（159個字符）
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
AI Hentai Generator
免費產生 AI 無盡。
熱門文章
熱工具
MantisBT
Mantis是一個易於部署的基於Web的缺陷追蹤工具，用於幫助產品缺陷追蹤。它需要PHP、MySQL和一個Web伺服器。請查看我們的演示和託管服務。
ZendStudio 13.5.1 Mac
強大的PHP整合開發環境
SublimeText3漢化版
中文版，非常好用
PhpStorm Mac 版本
最新（2018.2.1 ）專業的PHP整合開發工具
SecLists
SecLists是最終安全測試人員的伙伴。它是一個包含各種類型清單的集合，這些清單在安全評估過程中經常使用，而且都在一個地方。 SecLists透過方便地提供安全測試人員可能需要的所有列表，幫助提高安全測試的效率和生產力。清單類型包括使用者名稱、密碼、URL、模糊測試有效載荷、敏感資料模式、Web shell等等。測試人員只需將此儲存庫拉到新的測試機上，他就可以存取所需的每種類型的清單。
