万年历
所属分类:
其他
开发工具:JavaScript
文件大小:2732KB
下载次数:0
上传日期:2020-10-10 14:28:01
上 传 者:
123456gao
说明: 一个小巧简洁的万年历,单纯的万年历,支持手机端和pc端
(A compact and simple calendar, simple calendar, support mobile phone and PC terminal)
文件列表:
Calendar (0, 2020-10-10)
Calendar\.git (0, 2020-10-10)
Calendar\.git\HEAD (23, 2020-10-10)
Calendar\.git\config (308, 2020-10-10)
Calendar\.git\description (73, 2020-10-10)
Calendar\.git\hooks (0, 2020-10-10)
Calendar\.git\hooks\applypatch-msg.sample (478, 2020-10-10)
Calendar\.git\hooks\commit-msg.sample (896, 2020-10-10)
Calendar\.git\hooks\fsmonitor-watchman.sample (3327, 2020-10-10)
Calendar\.git\hooks\post-update.sample (189, 2020-10-10)
Calendar\.git\hooks\pre-applypatch.sample (424, 2020-10-10)
Calendar\.git\hooks\pre-commit.sample (1638, 2020-10-10)
Calendar\.git\hooks\pre-push.sample (1348, 2020-10-10)
Calendar\.git\hooks\pre-rebase.sample (4898, 2020-10-10)
Calendar\.git\hooks\pre-receive.sample (544, 2020-10-10)
Calendar\.git\hooks\prepare-commit-msg.sample (1492, 2020-10-10)
Calendar\.git\hooks\update.sample (3610, 2020-10-10)
Calendar\.git\index (4873, 2020-10-10)
Calendar\.git\info (0, 2020-10-10)
Calendar\.git\info\exclude (240, 2020-10-10)
Calendar\.git\logs (0, 2020-10-10)
Calendar\.git\logs\HEAD (187, 2020-10-10)
Calendar\.git\logs\refs (0, 2020-10-10)
Calendar\.git\logs\refs\heads (0, 2020-10-10)
Calendar\.git\logs\refs\heads\master (187, 2020-10-10)
Calendar\.git\logs\refs\remotes (0, 2020-10-10)
Calendar\.git\logs\refs\remotes\origin (0, 2020-10-10)
Calendar\.git\logs\refs\remotes\origin\HEAD (187, 2020-10-10)
Calendar\.git\objects (0, 2020-10-10)
Calendar\.git\objects\info (0, 2020-10-10)
Calendar\.git\objects\pack (0, 2020-10-10)
Calendar\.git\objects\pack\pack-84edbc865b7dc3ff16cb11833a626600f675170b.idx (4432, 2020-10-10)
Calendar\.git\objects\pack\pack-84edbc865b7dc3ff16cb11833a626600f675170b.pack (1377155, 2020-10-10)
Calendar\.git\packed-refs (184, 2020-10-10)
Calendar\.git\refs (0, 2020-10-10)
Calendar\.git\refs\heads (0, 2020-10-10)
Calendar\.git\refs\heads\master (41, 2020-10-10)
Calendar\.git\refs\remotes (0, 2020-10-10)
Calendar\.git\refs\remotes\origin (0, 2020-10-10)
Calendar\.git\refs\remotes\origin\HEAD (32, 2020-10-10)
... ...
Calendar.js 跨平台万年历组件
===
Calendar.js 万年历组件,PC 移动端均适配的轻量级插件
`大屏幕`下展示效果

`移动端`下展示效果

#### [DEMO查看](http://hippo-yuan.github.io/Calendar.js/)
功能列表
------
* 支持时间选择
* 支持农历展示
* 支持禁忌事宜
* 通过拖拽滑动切换日历显示内容
* 对外提供良好的扩展接口
* 支持移动端展示
* 通过gulp构建
使用方法
------
### 引入css, js, 并初始化日历对象
```javascript
```
### 初始化配置信息
```javascript
var defaults = {
//中文格式内容
monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月' , '九月' , '十月', '十一月', '十二月'],
dayNames : ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],
dayLongNames : ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'],
holiday : {
"1-1" : "元旦",
"2-2" : "湿地日",
"2-14" : "情人节",
"3-8" : "妇女节",
"3-12" : "植树节",
"3-15" : "消费者权益日",
"4-1" : "愚人节",
"4-22" : "地球日",
"5-1" : "劳动节",
"5-4" : "青年节",
"5-12" : "护士节",
"5-18" : "博物馆日",
"6-1" : "儿童节",
"6-5" : "环境日",
"6-23" : "奥林匹克日",
"6-24" : "骨质疏松日",
"7-1" : "建党节",
"8-1" : "建军节",
"9-3" : "抗战胜利日",
"9-10" : "教师节",
"10-1" : "国庆节",
"11-17" : "学生日",
"12-1" : "艾滋病日",
"12-24" : "平安夜",
"12-25" : "圣诞节"
},
firstDay: 1, // 从周一开始,计算
weekendDays: [0, 6], // 休息日为:周六, 周日
dateFormat: 'yyyy-mm-dd', // 打印格式, formatDate 对应
limitDis : 80, // 拖拽限制距离,当大于该距离时,触发页面切换
weekHandler : "dayThead", // 星期title内容所在类
monthContainer : "dateUl", // 日期内容所在容器类
toolBar : "timeChoose", // 工具条所在类
parentNode : document.body, // 组件插入容器,默认body
};
```
### 参数说明
* `monthNames`: 月份展示信息(更改设置,即切换成其他语言)
* `dayNames`: 每周信息内容
* `holiday`: 节假日内容,系统已内置部分信息,参数为需要添加的内容
* `firstDay`: 默认从周一开始计算
* `weekendDays`: 休息日期,默认周六周日
* `dateFormat`: 日期展示格式,默认"yyyy-mm-dd"
* `limieDis`: 拖拽响应最短距离
* `weekHandler`: 日历时间头部所使用类名
* `toolBar`: 工具栏所使用的类
* `parentNode`: 日历组件内容,渲染所在容器,默认document.body
近期下载者:
相关文件:
收藏者: