宝塔服务器面板,一键全能部署及管理,送你10850元礼包,点我领取

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

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

我们再看看效果

layui日历控件-编程部落