bootstrap datetimepicker 时间选择框 (人人都可以看懂,超级简单使用)

超级无敌简单的时间选择器,简单方便快捷。是心动的感觉鸭。只能说 bootstrap真好。
第一步:首先去官网下载脚本和样式CSS。然后导入。

官网的网址:http://www.bootcss.com/p/bootstrap-datetimepicker/index.htm
(网址要样式的设置和详细介绍)。下载zip包,然后解压后导入项目。
注意: datetimepicker是一个很好用的日期时间选择插件,但是经常会发现点击完之后时间会变成1899年。
但是在js添加这句就可以了鸭。

     forceParse: 0,//设置为0,时间不会跳转1899,会显示当前时间。

第一步:导入样式
//这个是datetimepicker 中文包

第二步:设置input标签

                        

DATE

第三步:写入脚本

 

下面附属图片:
bootstrap datetimepicker 时间选择框 (人人都可以看懂,超级简单使用)_第1张图片
图一:导入脚本在这里插入图片描述
图二:写input标签
在这里插入图片描述
图三:编写脚本
bootstrap datetimepicker 时间选择框 (人人都可以看懂,超级简单使用)_第2张图片
图四:效果图

bootstrap datetimepicker 时间选择框 (人人都可以看懂,超级简单使用)_第3张图片

你可能感兴趣的:(bootstrap)