layui日历控件

首先拉入layui的控件到VS中(注:必须是自己电脑上对应的layui版本)
在这里插入图片描述
拉一个layui-css的控件
在这里插入图片描述
创建一个DIV,给它一个属性类,设置它的宽高
在这里插入图片描述
从工具箱中拖拉一个文本框控件
在这里插入图片描述
设置id,名字随便取,再来一个属性
在这里插入图片描述
看下效果
在这里插入图片描述
在下面的脚本中写入layui的js语句
在这里插入图片描述

 layui.use('laydate', function (){var laydate = layui.laydate;laydate.render({elem: '#Text1'      //绑定id,theme: '#393D49'  //定义颜色});});

我们再看看效果

在这里插入图片描述

Published by

风君子

独自遨游何稽首 揭天掀地慰生平

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注