bootstrap的日期控件
1、首先,我们将这款日期控件下载下来。百度bootstrap日期控件即可。


3、将所有文件引入完成后,就开始设置日期控件吧。这是第一种样式。当然,你可以只要input就可以了。<div class=&鳎溻趄酃quot;input-append date" id="datetimepicker" data-date="12-02-2012" data-date-format="dd-mm-yyyy"> <input class="span2" size="16" type="text" value="12-02-2012"> <span class="add-on"><i class="icon-th"></i></span></div> 第二种样式,带有重置按钮(用于清空输入框)的组件模版:<div class="input-append date" id="datetimepicker" data-date="12-02-2012" data-date-format="dd-mm-yyyy"> <input class="span2" size="16" type="text" value="12-02-2012"> <span class="add-on"><i class="icon-remove"></i></span> <span class="add-on"><i class="icon-th"></i></span></div>i的作用就是两个小图标,若不要可以删去。 最简洁的样式,只有input,点击弹出选择器:<input class="span2" size="16" type="text" value="12-02-2012">当然,只有这些是无法弹出日期选择器的,还需要js来激活。


