{
  "name": "Simple-calendar",
  "tagline": "一个简单的日历插件",
  "body": "# Simple-Calendar开发文档\r\n\r\n\r\n\r\n---\r\n##获取Simple-Calendar\r\n从GitHub上下载 [链接](https://github.com/Lixucheng/Simple-Calendar)\r\n\r\n##引入资源\r\n\r\n使用日历插件前首先要引用资源：JS CSS\r\n```javascript\r\n<link rel=\"stylesheet\" type=\"text/css\" href=\"css/simple-calendar.css\">\r\n\r\n<script type=\"text/jacascrip\" src=\"js/simple-calendar.js\"></script>\r\n```\r\n\r\n##初始化一个日历\r\n\r\n首先为calendar准备一个容器，可以设置大小，也可以在options中设置，不设置的话自动设为默认\r\n```html\r\n  <div id='container'></div>\r\n```\r\n```html\r\n  <script>\r\n    var myCalendar = new SimpleCalendar('#container');\r\n  </script>\r\n```\r\n这样一个日历就诞生了 ^-^\r\n\r\n##配置项说明\r\n```javascript\r\nvar options = {\r\n      width: '500px',\r\n      height: '500px',\r\n      language: 'CH', //语言\r\n      showLunarCalendar: true, //阴历\r\n      showHoliday: true, //休假\r\n      showFestival: true, //节日\r\n      showLunarFestival: true, //农历节日\r\n      showSolarTerm: true, //节气\r\n      showMark: true, //标记\r\n      timeRange: {\r\n        startYear: 1900,\r\n        endYear: 2049\r\n      },\r\n      mark: {\r\n        '2016-5-5': '上学'\r\n      },\r\n      theme: {\r\n        changeAble: false,\r\n        weeks: {\r\n          backgroundColor: '#FBEC9C',\r\n          fontColor: '#4A4A4A',\r\n          fontSize: '20px',\r\n        },\r\n        days: {\r\n          backgroundColor: '#ffffff',\r\n          fontColor: '#565555',\r\n          fontSize: '24px'\r\n        },\r\n        todaycolor: 'orange',\r\n        activeSelectColor: 'orange',\r\n      }\r\n    }\r\n```\r\n### 国际化\r\n> language：\r\n语言的话目前只支持中文和英文，分别对应'CH','EN'\r\n\r\n如果想要加更多的语言或者更改现在的显示，可以直接更改languageData内容\r\n\r\n### 节日显示配置\r\n```javascript\r\nshowLunarCalendar: true, //是否显示阴历日期\r\nshowHoliday: true,       //是否显示休假休假\r\nshowFestival: true,      //是否显示国际节日\r\nshowLunarFestival: true, //是否显示农历节日\r\nshowSolarTerm: true,     //是否显示节气\r\nshowMark: true,          //是否显示标记日期\r\n\r\n```\r\n\r\n### 时间范围\r\n这个时间范围设置的是下拉框中的年数范围\r\n```javascript\r\ntimeRange: {\r\n    startYear: 1900,\r\n    endYear: 2049\r\n}\r\n```\r\n### 标记日期\r\n标记日期配置只有在 showMark 为 true 时才会生效\r\n\r\n```javascript\r\nmark: {\r\n        '2016-5-5': '上学'\r\n      }\r\n```\r\n这样就会在日历的对应日期上面添加标记，当鼠标停留时显示输入的信息\r\n\r\n### 主题配置\r\n\r\n\r\n```javascript\r\n theme: {\r\n        changeAble: false,\r\n        weeks: {\r\n          backgroundColor: '#FBEC9C',\r\n          fontColor: '#4A4A4A',\r\n          fontSize: '20px',\r\n        },\r\n        days: {\r\n          backgroundColor: '#ffffff',\r\n          fontColor: '#565555',\r\n          fontSize: '24px'\r\n        },\r\n        todaycolor: 'orange',\r\n        activeSelectColor: 'orange',\r\n      }\r\n```\r\n主题配置只有在changeAble 为 true 时才会生效\r\nweeks 设置的是星期一栏的主题，分别对应背景颜色，字体颜色，字体大小\r\ndays  设置的是日期的主题，参数同上\r\ntodaycolor 设置的是当天的日期背景颜色\r\nactiveSelectColor 设置的是鼠标滑过事件对应日期的边框颜色\r\n\r\n## 事件接口说明\r\n\r\n```javascript\r\nmyCalendar.updateSize('500px', '500px');\r\nmyCalendar.addMark('2016-3-7', 'test');\r\nmyCalendar.setLanguage('EN')\r\nmyCalendar.showFestival(false);\r\nmyCalendar.showLunarCalendar(false);\r\nmyCalendar.showHoliday(false);\r\nmyCalendar.showSolarTerm(false);\r\nmyCalendar.showLunarFestival(false);\r\nmyCalendar.showMark(false);\r\n```\r\n\r\n### updateSize(width,height)\r\n>调整日历大小，会自动根据大小调整对应的样式\r\n\r\n### addMark(day, info)\r\n>day   是一个可以确定一个日期的字符串\r\ninfo  是要显示的信息\r\n\r\n### setLenguage(languageStr)\r\n>设置语言，目前支持的语言有'CH','EN'\r\n如果想要增加语言，请在languageData中修改\r\n\r\n### 其他\r\n\r\n```javascript\r\n//关闭或者显示国际节日\r\nshowFestival(false); \r\n//关闭或者显示阴历日期\r\nshowLunarCalendar(false);\r\n//关闭或者显示假期\r\nshowHoliday(false);\r\n//关闭或者显示二十四节气\r\nshowSolarTerm(false);\r\n//关闭或者显示阴历节日\r\nshowLunarFestival(false);\r\n//关闭或者显示标记\r\nshowMark(false)\r\n```\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n",
  "note": "Don't delete this file! It's used internally to help with page regeneration."
}