📜  引导程序选择器,日期选择器,时间选择器,日期时间选择器

📅  最后修改于: 2020-12-19 03:05:25             🧑  作者: Mango

引导选择器

引导日期选择器

Bootstrap Datepicker用于显示带有日期,月份和时间的日历。

您可以使用以下代码在Bootstrap中创建日期选择器。



    
  
  
  
  Bootstrap DatePicker



    

Bootstrap datepicker

引导时间选择器

Bootstrap timepicker用于显示时间,以分钟或秒为单位。

例:



Bootstrap date and time











引导日期时间选择器

Bootstrap Datetime选择器是一个输入字段,用于显示带有时间的日历。

在Bootstrap中,有以下两种显示日期时间选择器的方法-

方法1:不使用日历和时间图标

您可以按照以下代码显示日期和时间,而无需使用日期和时间图标。



Bootstrap date and time










    

方法2:使用日期和时间图标

添加图标可使您的选择器更有吸引力,更美观。您可以使用以下代码在选择器上添加日期和时间图标。

码:



Bootstrap date and time