📌  相关文章
📜  如何在 HTML 中仅使用一个标签添加日期和时间选择器?

📅  最后修改于: 2022-05-13 01:56:48.983000             🧑  作者: Mango

如何在 HTML 中仅使用一个标签添加日期和时间选择器?

在本文中,我们将讨论 HTML 中 datetime 标签的概述,主要关注 datetime picker 标签的示例。我们可以只在一个标签中添加日期和时间选择器,而无需使用两个不同的标签。让我们一一讨论。

句法:

为了选择日期,我们使用 HTML 中的日期标签

Date of Birth: 

为了选择时间,我们使用 HTML 中的时间标签

Enter Time: 

但是如果我们想同时获取日期和时间,那么这两行单独的代码将比datetime-local标签花费更多的时间。因此,为了减少编码所需的时间,我们可以只使用一行代码。让我们看看它的语法和示例:

Date with Time: 

当我们点击日期和时间的输入框时,它会显示日历和时间,并且默认显示当前的日期、月份和时间,然后我们必须选择日期和时间或者我们也可以输入输入框。

例子:

HTML


  

    Page Title

  

    

Welcome To GFG

    Select date and time:               


输出: