解决laydate时间日期插件定位溢出
2024-10-16 00:56:01
laydate是一款比较好用的网页时间日期插件,不过用起来有一些细节问题需要我们手动去解决!例如:laydate兼容bootstrap
1. 默认情况
laydate弹出层默认对齐input左边框
2. 定位溢出
但是当这个input比较靠页面右边的时候就会出现弹出层一部分溢出的问题
3. 解决定位
需要修改插件JS文件,使其能够判断是否溢出并修复定位
找到JS文件laydate.js
首先找到设置定位代码
a.style.left=e.left+(b?0:c.scroll(1))+"px"
将其修改为
var boxWidth = parseFloat(a.clientWidth); // 日期对象宽度 var leftWidth = parseFloat(e.left); // 左偏移像素 var bodyWidth = parseFloat(document.body.clientWidth); // 屏幕可见区域宽度 if (boxWidth + leftWidth > bodyWidth) { var leftPX = bodyWidth - boxWidth; } else { var leftPX = leftWidth; } a.style.left=leftPX+(b?0:c.scroll(1))+"px"
保存,强刷一下页面
正常情况
靠近网页边缘时
已经可以了,如有更好的方法欢迎分享!O(∩_∩)O
最新文章
- python写红包的原理流程包含random,lambda其中的使用和见简单介绍
- UVA 11235Frequent values(RMQ)
- vim插件之tabular,代码对齐强迫症必备
- MySQL for mac使用记录
- mysql dump
- WebView加载本地html、js文件常见问题及解决办法
- DOS中如何删除文件夹
- 无法Ping通windows 7主机
- eclipse中代码注释
- !!无须定义配置文件中的每个变量的读写操作,以下代码遍历界面中各个c#控件,自动记录其文本,作为配置文件保存
- JS中的的Url传递中文参数乱码,如何获取Url中参数问题
- pl/sql查询中文乱码
- crontab使用和格式
- MapReduce 简单的全文搜索
- Oracle 的process和Session
- Ubuntu 18 安装chrome
- Dubbo 源码分析 - 自适应拓展原理
- C++11 std::ref使用场景
- c# Castle Windsor简单例子
- 三层+EasyUI+Ajax 提交Form表单
热门文章
- 一个想法照进现实-《IT连》创业项目:创业时该不该用新手程序员
- Andriod相机开发关于startPreview Failed的错误的特别记录(重要)
- Java中的锁分类
- Python基本语法--数据结构与运算符
- sublime设置 快捷键(自动换行)
- Asp.Net Core 中获取应用程序物理路径(Getting the Web Root Path and the Content Root Path in ASP.NET Core)
- PHP电商订单自动确认收货redis队列
- Linux 下安装RabbitMQ 3.6.1
- Day2-字符编码转换
- Json及Json字符串