npm包 calendar-json 使用教程

阅读时长 2 分钟读完

简介

Npm包calendar-json是一个方便快捷的JavaScript库,它能够生成基于json数据的日历,可以很方便的用于前端日历的开发中。

安装

你可以通过npm安装这个包

使用

引入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

纠错
反馈