使用bootstrap-datetimepicker遇到的问题

谁践踏了优雅 2023-02-19 04:28 6阅读 0赞

遇到的那些样式的问题:  刚开始我明明用的是bootstrap3.X的,而且是按照官方demo写的,但是还是出现一些奇葩的样式问题,可能和我引入的其它文件产生了冲突,查看源码后96行我找到bootcssVer这个属性,所以如果在初始化时将bootcssVer:3传入,就会按照bootstrap3.X. 传入bootcssVer: 2就会按照bootstrap2.X的样式处理.

pickerPosition可以指定四个方向,先上下后左右即(top,bottom和left,right)的组合,不支持默认判断最适合的显示位置

最麻烦的还是当datetimepicker遇到弹出框,比如layer之类的. 我发现网上的处理方法是调整z-index,虽然可以使用zIndex: 99999999设置优先级,但是这种方式不太好而且不能随着页面滚动而滚动.下面说说我的办法:

html的格式大致如下所示

<div class="form-group">
        <div class="row">
            <div class="col-sm-4 control-label">成立日期</div>
    	<div class="col-sm-8">
    		<div id="instituteDate" class="date">
    		    <input class="form-control" name="instituteDate" readonly placeholder="成立日期" />
                        <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
    		</div>
    	</div>
      </div>
    </div>

$("#instituteDate").datetimepicker({
        format: "yyyy-mm-dd",
        minView: 2,
        container: "#instituteDate",
        language: "zh-CN",
        autoclose: true,
        pickerPosition: "bottom-left",
        bootcssVer: 3
    }).on("changeDate", function (e) {
        $("#organProfile").data("bootstrapValidator").revalidateField("instituteDate");
    });

通过设置container,这样日期就会随着\#instituteDate移动而移动了.

觉得有用就点个赞吧!

发表评论取消回复

表情：

评论列表（有 0 条评论，6人围观）

还没有评论，来说两句吧...

相关阅读

相关 spring 使用遇到的问题

spring 注解使用过程中的问题报错信息： > available: expected at least 1 bean which qualifies as autow

我会带着你远行/ 2023年10月05日 08:42/ 0 赞/ 64 阅读

相关使用PageHelper遇到的问题

在mybatis结合PageHelper分页工具使用时，可以节省不少代码与时间，但也有可能碰到一些问题。以下会记录使用时遇到的坑。（一）在mybatis使用collect

向右看齐/ 2023年08月17日 17:43/ 0 赞/ 146 阅读

相关 MindManager的使用遇到的问题

最近在听一个课程，1万个小时的天才理论，觉得思维导图的重要意义更突出了，他可以简化内容，提取精髓，快速抓取核心的，本质的东西，1本书如果要看一周缩短到7个小时，这就是NB。

梦里梦外;/ 2022年08月13日 12:46/ 0 赞/ 208 阅读

相关使用mybatis遇到的问题

在使用mybatis时，编写sqlmap脚本的时候，有时候会遇到很奇怪的问题：比如： {imei,jdbcType=VARCHAR} as IMEI, 如果写成

淡淡的烟草味﹌/ 2022年06月17日 11:45/ 0 赞/ 284 阅读

相关使用sqlite遇到的问题

第一次使用sqlite遇到了一些问题，下面先说两个问题： 1、问题：在SqliteHelper中使用“ConfigurationManager”时

深碍√TFBOYSˉ_/ 2022年06月09日 05:39/ 0 赞/ 238 阅读

相关 SourceTree使用SVN遇到的问题

因为习惯使用sourceTree，所以到了新公司的svn版本控制器，我依旧想使用sourceTree。遇到的问题： 1，安装时，不多说了，很方便能搜索到。 2，语法忽略

水深无声/ 2022年05月25日 12:25/ 0 赞/ 367 阅读

相关使用mybatis遇到的问题

在使用mybatis时，编写sqlmap脚本的时候，有时候会遇到很奇怪的问题：比如： {imei,jdbcType=VARCHAR} as IMEI, 如果写成

阳光穿透心脏的1/2处/ 2022年04月16日 02:56/ 0 赞/ 324 阅读

相关记录使用git遇到的问题

记录使用git遇到的问题 1. 权限问题 $ ssh -T [git@github.com][git_github.com] The authenticity

Bertha 。/ 2022年03月29日 08:39/ 0 赞/ 364 阅读

相关 idea使用时遇到的问题

1、同样的文件，在eclipse中的路径和在idea中的路径是一样的，在eclipse可以正常读到，但在idea中报找不到该文件原因：之前在idea中已经打开了一个项目，

超、凢脫俗/ 2022年02月26日 01:25/ 0 赞/ 361 阅读

相关 datatables 使用中遇到的问题

一遇到问题 1. ![20171130144250580][] 做法： ①直接访问后端接口的地址（HisServlet那段），看有没有值 ![201711301

深碍√TFBOYSˉ_/ 2021年09月14日 10:44/ 0 赞/ 459 阅读