有時候我們的項目需要時間選擇控件,如果你的需求是隻選擇年月,layDate可以滿足你的要求。
官方文檔:https://www.layui.com/laydate/
1. 下載安裝
官網有下載鏈接
獲得 layDate 文件包後,解壓並將 laydate 整個文件夾(不要拆分結構) 存放到你項目的任意目錄,使用時,只需引入 laydate.js 即可。
2. 使用
<!--引入js-->
<script src="/path/to/laydate.js"></script> <!-- 改成你的路徑 -->
<!--一個dom元素-->
<div class="date"></div>
<script>
//初始化時間選擇器
laydate.render({
elem: "#date", //綁定的元素(可以是input,也可以是div等普通元素)
type: "month", //空間類型,年月選擇
format: "yyyy年MM月", //時間格式化顯示
value: new Date(), //初始值
done: function(value, date) {
//選擇了一個值後的回調
console.log(value, date);
}
});
</script>