最近别人要求写一个日历小程序,开始用Java swing写了一个,但是别人不满意,要改成web形式的。于是就用layui框架写了一个,代码很简单,在这里分享一下。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>日历</title>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
<script src="https://www.layuicdn.com/layui-v2.5.7/layui.js"></script>
<link rel="stylesheet" type="text/css" href="https://www.layuicdn.com/layui-v2.5.7/css/layui.css">
</head>
<body>
<div id="laydateDemo"></div>
<script>
layui.use(['laydate'], function(){
var laydate = layui.laydate //日期
//将日期直接嵌套在指定容器中
var dateIns = laydate.render({
elem: '#laydateDemo'
,position: 'static'
,calendar: true //是否开启公历重要节日
,mark: { //标记重要日子
'0-7-26': '生日'
,'2020-01-18': '小年'
,'2020-01-24': '除夕'
,'2020-01-25': '春节'
,'2020-02-01': '上班'
}
});
});
</script>
</body>
</html>
效果图如下:
我是采用在线dns的方式引入的支持,大家直接复制粘贴即可用。