jQuery Calendar.js节日高亮日历选择器
日历控件里的节日提醒,jQuery Calendar.js做得还挺细致的。用起来也不复杂,基本就是引入下 jQuery
和 calendar.js
,一行初始化代码搞定。如果你项目里有日期选择需求,比如预订系统、活动表单啥的,加上节日提示还能提升点用户体验,挺实用。
自定义节日是它的亮点,像 '2022-01-01': '新年'
这样配置下去,日历上就能高亮显示节日了。想改节日颜色?直接改 calendar.css
样式就行。配合点 jQuery 的事件绑定,还能搞点点击事件、数据联动啥的,交互性也不差。
对了,它支持初始化参数,比如 defaultDate
设定初始日期,festivals
加节日数据。写法像这样:
$('#calendar').calendar({
defaultDate: '2022-01-01',
festivals: {
'2022-01-01': '新年',
'2022-02-14': '情人节'
}
});
页面结构也不复杂,一个 如果你项目还在用 jQuery,这个插件确实蛮省事。要是你打算搞个带节日的选择器,用它会比从头写省多功夫,样式也能自己改,灵活性还不错。 装载就能跑。你只要保证先引了
jQuery
和 calendar.js
,其他基本就是复制粘贴。
下载地址
用户评论