layDate-前端日期時間選擇控件

有時候我們的項目需要時間選擇控件,如果你的需求是隻選擇年月,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>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章