Catalog
  1. 1. daterangepicker 定位问题
    1. 1.1. 原因
  2. 2. 解决过程
daterangepicker-position-problem

daterangepicker 定位问题

原因

今天同事在一个老项目开发中发现了daterangerpicker生成出来的日期选择器固定在了页面元素,并没有随modal框的滚动而跟随其输入框滚动

解决过程

首先查看js代码是否有异常出现,无
想到元素生成正常而定位异常,猜测是其动态生成的dom元素的position元素的问题,查看新生成元素样式

1
position:absolute

无异常

继而查看其父元素无定位元素,给其加上

1
position: relative

仍显示异常,查阅官方文档及stackoverflow,发现一重要参数

1
parentEl

根据官方定义

parentEl: (string) jQuery selector of the parent element that the date range picker will be added to, if not provided this will be ‘body’

如果不设置,父元素将为body

将其绑定为对应生成元素的父元素(即上述添加 position:relative)

problem solved

  1. stackoverflow
  2. github
  3. 官方文档
Author: tuean
Link: http://tuean.cn/2019/12/20/daterangepicker-position-problem/
Copyright Notice: All articles in this blog are licensed under CC BY-NC-SA 4.0 unless stating additionally.
Donate
  • 微信
  • 支付寶

Comment