zoukankan      html  css  js  c++  java
  • bootstrap-datetimepicker 时间表箭头不能显示

    https://segmentfault.com/q/1010000000503224

    ***********************************

    我使用的是bootstrap-datetimepicker+bootstrap v3,但这个插件使用的时候,并没有和V3相匹配,仍然调用的是bootstrap V2的图标,代码是:

    <i class="icon-arrow-right"></i>

    解决方法:

    input的class值使用form-control或者在datetimepicker的options里把bootcssVer的值直接设为3,否则datetimepicker不会显示出箭头

    bootcssVer:3

    eg:

    <input id="dtStart" name="dtStart" type="text" style="130px"></input>
            $("#dtStart").datetimepicker({  minView: "day",
                bootcssVer:3,
                format : "yyyy-mm-dd hh:00",//日期格式
                autoclose:true,//选中关闭
                todayBtn: true//今日按钮
            });
            
            
            $("#dtEnd").datetimepicker({  minView: "month",//设置只显示到月份
                bootcssVer:3,
                format : "yyyy-mm-dd",//日期格式
                autoclose:true,//选中关闭
                todayBtn: true//今日按钮
            });
            
            $("#timeEnd").datetimepicker({  
                bootcssVer:3,
                format : "hh",//日期格式
                startView: 1,
                minuteStep: 60,
                minView: "day",
                autoclose:true,//选中关闭
                todayBtn: true//今日按钮
           });
    
    
  • 相关阅读:
    两数相除(leetcode29)
    基本数据类型与包装数据类型的使用标准
    BigDecimal
    整型包装类值的比较
    实现strStr()(leetcode28)
    移除数组(leetcode27)
    删除排序数组中的重复项(leetcode26)
    mybatis.xml配置文件详解
    多表连接
    动态SQL
  • 原文地址:https://www.cnblogs.com/zhao1949/p/6923693.html
Copyright © 2011-2022 走看看