美文网首页让前端飞Web前端之路
layDate-前端日期时间选择控件

layDate-前端日期时间选择控件

作者: bugWriter_y | 来源:发表于2019-07-11 22:20 被阅读8次

有时候我们的项目需要时间选择控件,如果你的需求是只选择年月,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>

相关文章

网友评论

    本文标题:layDate-前端日期时间选择控件

    本文链接:https://www.haomeiwen.com/subject/dqndkctx.html