bootstrap3使用bootstrap datetimepicker日期插件

发布时间：2020-12-18 00:37:26 所属栏目：安全来源：网络整理

导读：没用过bootstrap2，所以之间的差异不清楚，但是看往上基本上都是说bootstrap2与bootstrap-datetimepicker的使用，之间会有不同，所以写下记录，如有不对之处，还请指正！网上下载bootstrap-datetimepicker-master.zip(bootstrap-datetimepicker日期插件),bo

没用过bootstrap2，所以之间的差异不清楚，但是看往上基本上都是说bootstrap2与bootstrap-datetimepicker的使用，之间会有不同，所以写下记录，如有不对之处，还请指正！

网上下载bootstrap-datetimepicker-master.zip(bootstrap-datetimepicker日期插件),bootstrap3.x

用法：

1.引入css文件

2.引入js文件

3.页面的div

需要注意的点：

1.js参数解释，可以自己设置试一下

2.div必须位于js之前，或者说页面div在js之前加载

3.div中data-date-format属性与第二个input的id属性为一致，这样在选择时间后才会赋值，并传递给后台至此就可以实现日期插件功能了。

但是，我的需求是，1.页面加载，2.点击某个按钮模态框显示，并ajax返回结果集，根据结果集来拼接出日期控件的个数。由于日期控件个数的不确定性，在试了各种方法之后发现，页面上的div不能在点击按钮后动态生成。只好在页面最初展示的时候将所有数据中条数最多的查询出来，放在页面上：(红色部分为相关代码)

//资质字段若不为空，将code转为name
if(null != s.getOutDate() && !"".endsWith(s.getOutDate())){
 String[] outDate = s.getOutDate().split(",");
 if(outDate.length>count){
  count=outDate.length;
 }
 String outDateString = "";
 if(outDate.length>0){
  for(int i=0;i<outDate.length;i++){
   Qualify qualify = qualifyServiceImpl.selectByPrimaryKey(outDate[i]);
   if(i !=0 ){
    outDateString = outDateString+",";
   }
   outDateString = outDateString+qualify.getQualifyName();
  }
 }
 if(count != 0){
  request.setAttribute("countQu",count);
 }
 s.setOutDate(outDateString);
}

并在页面上使用jstl标签生成div，并都设成为不可见:

ajax查询后循环赋值的代码就不贴了，效果图如下:(有一个问题是时间选择框不和时间显示在一行，如有大神能帮忙解决的话不胜感激！！)

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!