html5日期选择插件,bootstrap4日期时间选择器插件

这是一款bootstrap4日期时间选择器插件。该bootstrap4日期时间选择器插件提供大量配置参数,可以基于bootstrap4制作出简单实用的日期选择器效果。它的特点还有:

支持语言国际化和timezone。

支持日期选择模式和时间选择模式。

支持最大和最小日期选择。

可自定义触发日期选择器的图标。

支持禁用指定的日期。

支持年/星期预览模式。

支持某个星期中禁用某些天。

可自定义日期格式。

提供大量的配置参数和API接口。

使用方法

在页面中引入jquery和bootstrap4相关文件,以及moment.js和tempusdominus-bootstrap-4.min.js文件。

HTML结构

一个最基本的bootstrap4日期时间选择器的HTML结构如下。

初始化插件

在页面DOM元素加载完毕之后,通过datetimepicker方法来初始化该bootstrap4日期选择器插件。

$(function () {

$('#datetimepicker1').datetimepicker();

});

配置参数

该bootstrap4日期选择器插件的可用配置参数有:

$('#datetimepicker-demo').datetimepicker({

// requires moment-timezone.js

timeZone: '',

// date format

// http://momentjs.com/docs/#/displaying/format/

format:

你可能感兴趣的:(html5日期选择插件)