javascript

一款不错的jquery日历插件SimpleCalendar

插件描述:多功能日历插件SimpleCalendar,带农历、节假日。

Simple-Calendar作用方法

引入资源

使用日历插件前首先要引用资源:JS CSS

初始化一个日历

首先为calendar准备一个容器,可以设置大小,也可以在options中设置,不设置的话自动设为默认

这样一个日历就诞生了 ^-^

配置项说明

国际化

如果想要加更多的语言或者更改现在的显示,可以直接更改languageData内容

节日显示配置

时间范围

这个时间范围设置的是下拉框中的年数范围

标记日期

标记日期配置只有在 showMark 为 true 时才会生效

这样就会在日历的对应日期上面添加标记,当鼠标停留时显示输入的信息

主题配置

主题配置只有在changeAble 为 true 时才会生效 weeks 设置的是星期一栏的主题,分别对应背景颜色,字体颜色,字体大小 days 设置的是日期的主题,参数同上 todaycolor 设置的是当天的日期背景颜色 activeSelectColor 设置的是鼠标滑过事件对应日期的边框颜色

事件接口说明

调整日历大小,会自动根据大小调整对应的样式

day 是一个可以确定一个日期的字符串 info 是要显示的信息

设置语言,目前支持的语言有'CH','EN' 如果想要增加语言,请在languageData中修改

其他

(0)
Loading收藏(109)

本文由 前端网(w3cvip) 作者:琴歌 发表,转载请注明来源!

关键词:, ,

热评文章

发表评论

*