简介
Npm包calendar-json是一个方便快捷的JavaScript库,它能够生成基于json数据的日历,可以很方便的用于前端日历的开发中。
安装
你可以通过npm安装这个包
npm install calendar-json --save
使用
引入calendar-json
库:
import calendar from 'calendar-json'
接下来就可以创建日历了:
-- -------------------- ---- ------- ----- --------------- - - -- --- ----- ----- ------ -- ---- -- ----- ----- ---- ---- ---- ---- ---- ----- ------- --- ---------- - --------- ------- -- - ------------------ -- --------- - -- ----- - ------------- ------- -- ---- ------------- ------- ------------- ------- ------------- ------ - - ----- ------ - ------------------------- --------------------------------------------- - ------
你可以把result
填充到HTML里。
配置项
year: number
设置日历的年份,默认为当前年份。
month: number
设置日历的月份,默认为当前月份。
day: number
设置所选日期。
days: string[]
设置星期的名称,默认为 ['日', '一', '二', '三', '四', '五', '六']
。
maxDay: number
设置该月的最大日期。
callbacks: { dayClick: (event: MouseEvent) => {}}
回调函数设置。
data: Record<string, string[]>
传入数据项。
结论
calendar-json
是一个非常有用的npm包,支持非常基本的日历开发功能。如果你正在开发前端日历应用程序,建议使用这个库。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6005597781e8991b448d6fde