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的日期控件
  • 如何切换java的jdk1.8到jdk1.6
  • Power Designer 中如何画一个完整的物理模型
  • 怎么查看PHP配置文件php.ini在哪?
  • 电脑怎么打开DOS窗口
  • FATAL EXCEPTION: main
  • 热门搜索
    pdb文件用什么打开 18kgp什么意思 慷慨解囊的意思 洒脱的意思 萦绕的意思 荷尔蒙是什么意思 蜂胶的功效与作用 什么是adc 什么叫基金定投 规培是什么意思