HTML显示简单日历

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>layDate快速使用</title>
<link href="wwwroot/layuiadmin/layui/css/layui.css" rel="stylesheet" />
<script src="wwwroot/layuiadmin/layui/layui.js"></script>
<script>
layui.use('laydate', function () {
var laydate = layui.laydate;
laydate.render({
elem: '#test-n1',
position: 'static'
});
});
</script>
</head>
<body>
<div style="width:400px;height:120px"></div>
<div class="layui-inline" id="test-n1"></div>
</body>
</html>

//效果如下

 

posted @ 2020-07-20 16:57  孔捷  阅读(1505)  评论(0编辑  收藏  举报