网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容 知识问答

bootstrap的日期控件

时间:2024-10-24 22:12:02

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

bootstrap的日期控件bootstrap的日期控件

3、将所有文件引入完成后,就开始设置日期控件吧。这是第一种样式。当然,你可以只要input就可以了。<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-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的日期控件
© 2025 智德知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com