日期时间选择器、Bootstrap日期和时间表单组件。bootstrap-datetimepicker实现年月日,时分秒的选择。

参考链接:http://www.bootcss.com/p/bootstrap-datetimepicker/

1、官网以及很详细的说明了如何使用,这里结合一下自己的使用来写下。

下载解压缩包以后,可以看到有两个实例,可以打开看看,分别是sample in bootstrap v2、sample in bootstrap v3。

日期时间选择器、Bootstrap日期和时间表单组件。bootstrap-datetimepicker实现年月日,时分秒的选择。_第1张图片

2、sample in bootstrap v2实例的代码如下所示。

 1 
 2 
 3 
 4     
 5     
 6     
 7 
 8 
 9 
10 
11
12
13 Test 14
15 16
17 18 19 20
21
22
23
24 25
26 27 28 29
30
31
32
33 34
35 36 37 38
39
40
41
42
43
44 45 46 47 48 49 82 83 84

效果如下所示:

日期时间选择器、Bootstrap日期和时间表单组件。bootstrap-datetimepicker实现年月日,时分秒的选择。_第2张图片

 3、你会发现,案例里面的都是英文,所以我这里修改为了中文。他这个年月日时分秒可以自己决定,是只用年月日,时分秒,还是年月日时分秒等等自己可以进行需求选择。

 1 
 2 
 3 
 4     
 5     
 6     
 7 
 8 
 9 
10 
11
12
13 Test 14
15 16
17 18 19 20
21
22
23
24 25
26 27 28 29
30
31
32
33 34
35 36 37 38
39
40
41
42
43
44 45 46 47 48 49 50 51 52 92 93 94

 效果如下所示:这样一搞,就可以显示中文了,日期格式可以自己定义。更多的使用可以查看api。

日期时间选择器、Bootstrap日期和时间表单组件。bootstrap-datetimepicker实现年月日,时分秒的选择。_第3张图片

 

待续......

你可能感兴趣的:(javascript,bootstrap)