日期时间选择器、Bootstrap日期和时间表单组件。bootstrap-datetimepicker实现年月日,时分秒的选择。
参考链接:http://www.bootcss.com/p/bootstrap-datetimepicker/
1、官网以及很详细的说明了如何使用,这里结合一下自己的使用来写下。
下载解压缩包以后,可以看到有两个实例,可以打开看看,分别是sample in bootstrap v2、sample in bootstrap v3。
2、sample in bootstrap v2实例的代码如下所示。
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title></title> 5 <link href="./bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen"> 6 <link href="../css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen"> 7 </head> 8 9 <body> 10 <div class="container"> 11 <form action="" class="form-horizontal"> 12 <fieldset> 13 <legend>Test</legend> 14 <div class="control-group"> 15 <label class="control-label">DateTime Picking</label> 16 <div class="controls input-append date form_datetime" data-date="1979-09-16T05:25:07Z" data-date-format="dd MM yyyy - HH:ii p" data-link-field="dtp_input1"> 17 <input size="16" type="text" value="" readonly> 18 <span class="add-on"><i class="icon-remove"></i></span> 19 <span class="add-on"><i class="icon-th"></i></span> 20 </div> 21 <input type="hidden" id="dtp_input1" value="" /><br/> 22 </div> 23 <div class="control-group"> 24 <label class="control-label">Date Picking</label> 25 <div class="controls input-append date form_date" data-date="" data-date-format="dd MM yyyy" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd"> 26 <input size="16" type="text" value="" readonly> 27 <span class="add-on"><i class="icon-