1.引入资源
使用日历插件前首先要引用资源:JS CSS
<link rel="stylesheet" type="text/css" href="css/simple-calendar.css">
<script type="text/javascript" src="js/simple-calendar.js"></script>
2.初始化一个日历
首先为calendar准备一个容器,可以设置大小,也可以在options中设置,不设置的话自动设为默认
<div id='container'></div>
<script>
var myCalendar = new SimpleCalendar('#container');
</script>
这样一个日历就诞生了
3.配置项说明
var options = {
width: '500px',
height: '500px',
language: 'CH', //语言
showLunarCalendar