Clockpicker(时间选择器) 官网

默认

通过添加 data-plugin="clockpicker" 来创建

自动关闭

添加 data-autoclose="true" 可实现自动关闭

Jquery Timepicker(时间选择器) 官网

基本

通过添加 data-plugin="timepicker" 来创建

持续时间

添加 data-min-timedata-max-timedata-show-duration="true" 来实现

重置选择时间

您可以重置选择时间

Date Picker(日期选择器) 官网

默认

通过添加 data-plugin="datepicker" 来创建,通过 data-language="zh-CN" 来设置显示中文,可使用 data-multidate="true" 来设置允许多选

日期范围

通过 name="start"name="end" 可以设置日期范围

内嵌

可以将其内嵌到页面中

Datepair.Js(日期选择) 官网

引用 datepair.js 可同时显示日期选器和时间选择器

Date Range Picker(日期范围选择) 官网

可以通过 data-plugin="daterangepicker" 直接调用日期范围选择插件,以下示例演示了插件的各种配置项



示例

配置项