数码资讯
关于DatePicker在模态窗体下失效的问题
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
最近用bootstrap做了一个租赁相关的管理系统,由于前端知识薄弱,也是编查资料边做。关于一些控件的用法,也是从网上查资料。下面,来说一下在写前端页面时遇到的几个坑。
这个系统中,日期控件用的是DatePicker,感觉还不错。但是在BootStrap模态窗体下,DatePicker失去了作用,无法显示日期选择框,起初我以为是控件初始化出了问题。经过一番折腾,也查了一下资料,在知道,原来DatePicker插件被模态框遮住了,这是css的层模型产生的原因。那么知道原因就好解决了,使用z-index属性将日历插件浮在页面的最上面就可以啦。z-index设置的越大,越在页面最上面显示,才不会被遮住。
极限一点,我将z-index属性设成了9999
<span >
<input type="text" value="2016/11/11" name="start"/>
</span>
这样问题就解决了
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。