npm 包 fullcalendar-jalaali 使用教程

阅读时长 7 分钟读完

前言

在现代 Web 开发中,日历是一个必不可少的组件。fullcalendar 是一个基于 jQuery 的非常优秀的日历插件。而 fullcalendar-jalaali 是 fullcalendar 的一个兼容支持波斯历的插件。

在本文中,我们将会学习如何在自己的项目中使用 fullcalendar-jalaali,以便更好的支持波斯历。

安装

为了使用 fullcalendar-jalaali,我们需要先安装 fullcalendar 和 moment.js:

接下来,我们需要安装 fullcalendar-jalaali:

使用

安装完成后,我们需要在自己的项目中引入 fullcalendar 相关的 CSS 和 JS 文件。我们可以通过 CDN 直接引入:

-- -------------------- ---- -------
--------- -----
------
------
  ----- --------------- --
  ----- ------------------------------------------------------------------------------------- ---------------- --
  ----- ------------------------------------------------------------------------------------------- ---------------- ------------- --
  ------- -------------------------------------------------------------------------------------
  ------- ---------------------------------------------------------------------------------------------
  ------- -----------------------------------------------------------------------------------
  ------- ------------------------------------------------------------------------------------------
-------
------

---- --------------------

--------
  ---------------------------- -
    -----------------------------
      ------- -----
      ------- -
        ----- ---------- -------
        ------- --------
        ------ --------------------------
      --
      ------------ -------------
      --------- -----
      ----------- -----
      ------------- -----
      ------- --------------- ---- -
        --- ----- - ------------- ---------
        --- ----------
        -- ------- -
          --------- - -
            ------ ------
            ------ ------
            ---- ---
          --
          ------------------------------------------ ---------- ------ -- ------ - ----
        -
        ----------------------------------------
      --
      --------- -----
      ----------- ----- -- ----- ------ ---- ---- --- ---- ------
      ------- -
        -
          ------ ---- --- -------
          ------ ------------
        --
        -
          ------ ----- -------
          ------ -------------
          ---- ------------
        --
        -
          --- ----
          ------ ---------- -------
          ------ ---------------------
        --
        -
          --- ----
          ------ ---------- -------
          ------ ---------------------
        --
        -
          ------ -------------
          ------ -------------
          ---- ------------
        --
        -
          ------ ----------
          ------ ----------------------
          ---- ---------------------
        --
        -
          ------ --------
          ------ ---------------------
        --
        -
          ------ ----------
          ------ ---------------------
        --
        -
          ------ ------ ------
          ------ ---------------------
        --
        -
          ------ ---------
          ------ ---------------------
        --
        -
          ------ --------- -------
          ------ ---------------------
        --
        -
          ------ ------ --- --------
          ---- ---------------------
          ------ ------------
        -
      -
    ---
  ---
---------

-------
-------

在上述代码中,我们引入了 fullcalendar 和 moment.js 的 CSS 和 JS 文件,以及 fullcalendar-jalaali 的相关文件。我们还设置了一个 fullcalendar 的示例,可以通过浏览器查看。

结语

fullcalendar-jalaali 是一个非常实用的工具,它可帮助我们更好的支持波斯历。在本文中,我们介绍了 fullcalendar-jalaali 的安装和使用方法,并提供了示例代码。我们相信,在学习完本文后,你已经能够方便地在自己的项目中使用 fullcalendar-jalaali,享受更好的日历体验。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60055eb181e8991b448dc4f3

纠错
反馈