我們在前端開發的時候經常遇到這樣的情況,比如:生日、訂單記錄等,隻能選擇過去的時間,又如:預定隻能選擇未來的時間。
下面就給大家一個說明方法:
方法:
下載:layui.laydate 組件獨立版:
<body>
<input type="text" class="demo-input" placeholder="請選擇日期" id="test1">
<br>
<input type="text" class="demo-input" placeholder="請選擇日期" id="test2">
<script src="laydate/laydate.js"></script> <!-- 改成你的路徑 -->
<script>
lay('#version').html('-v' laydate.v);
//執行一個laydate實例
laydate.render({
elem: '#test1' ,//隻能選擇過去時間
min: '2017-1-1',
max: 'now'
});
laydate.render({
elem: '#test2' ,//隻能選擇未來的時間
min: 'now',
max: '2022-1-1'
});
</script>
</body>
</html>
更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!