在引导日期时间选择器中禁用时间

阅读时长 6 分钟读完

在Web开发中,日期和时间选择器是常见的用户界面元素。有时候我们需要使用日期选择器,但不需要时间选项。在本文中,我将介绍如何在引导(Bootstrap)中禁用时间选项,并提供示例代码。

步骤

  1. 引入 Bootstrap 和 datetimepicker 库
-- -------------------- ---- -------
---- -- ------ - ---
------- ------------------------------------------------------------------

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

---- -- -------------- ---------- - ---
------- -------------------------------------------------------------------------------------
------- -----------------------------------------------------------------------------------------------------------
  1. 创建一个表单并添加 datetimepicker 组件
-- -------------------- ---- -------
------
  ---- -------------------
    ------ ----------------------------
    ---- ------------------ ----- ----------------
      ------ ----------- -------------------- -------------
      ----- --------------------------
        ----- ---------------- ---------------------------
      -------
    ------
  ------
-------
  1. 配置 datetimepicker 组件
-- -------------------- ---- -------
---------------------------------
  ------- -------------
  ----------- ------
  ---------- -----
  ------ -
    ----- --- ------------
    ----- --- -------------
    --- --- ---------------
    ----- --- -----------------
    --------- --- -----------------
    ----- --- ------------------
    ------ --- ---------------
    ------ --- ----------
    ------ --- ----------
  -
---

在上面的配置中,我们使用了 useCurrent 参数,并将其设置为 false。这样就禁用了时间选项。

示例代码

下面是完整的示例代码:

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

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

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

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

------

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

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

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

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

- ----------------------------------------------------------- --------
----------------------------------------------------------------------------------
纠错
反馈