bootstrap的日期控件

2025-05-18 19:24:32

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

bootstrap的日期控件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来激活。

bootstrap的日期控件bootstrap的日期控件bootstrap的日期控件
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢