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