用layui加入一个日历表

最新推荐文章于 2024-08-19 20:30:00 发布

柠檬花开_

最新推荐文章于 2024-08-19 20:30:00 发布

阅读量2.6k

点赞数

本文链接：https://blog.csdn.net/Sunny_lxm/article/details/84874606

版权

要引用layui的js和css样式

css样式：

#test-n1 .layui-laydate-content td,
		#test-n1 .layui-laydate-content th {
			width: 87px;
			height: 50px;
		}

<body>
		<!DOCTYPE html>
		<html>

		<head>
			<meta name="viewport" content="width=device-width" />
			<title></title>
			<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
		</head>

		<body>
		<div class="layui-inline" id="test-n1"></div>
			
		<script>
			layui.use('laydate', function(){
			  var laydate = layui.laydate;
			  
			  //执行一个laydate实例
			  laydate.render({
			    elem: '#test-n1'
			    ,position: 'static'
			  });  
			});
		</script>
		</body>

		</html>

		<!--<script src="layui/layui.js"></script>-->
	</body>

</html>

最后的样式