好用的日期控件jeDate
2024-09-05 04:18:08
最近做公司后台系统关于仓库的一些东西,需要根据时间范围来导出一些数据,我们使用的后台框架是基于bs的,bs也有时间控件:bootstrap-datepicker是只能选择日期的,
daterangepicker(date+time)的时间范围选择控件 并且使用起来比较麻烦,datetimepicker不兼容火狐浏览器,所以找到jeDate,使用起来比较简单
jeDate插件包括jedate.js和skin皮肤样式文件,使用的时候只需要引用js文件,并且把skin放在js的同一级,再调用即可
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<script type="text/javascript" src="jeDate/jedate.js"></script>
</head>
<body>
<input id="dateinfo" type="text" placeholder="请选择">
<script type="text/javascript">
jeDate({
dateCell:"#dateinfo",
format:"YYYY-MM-DD hh:mm:ss",
isinitVal:true,
isTime:true, //isClear:false,
minDate:"2014-09-19 00:00:00",
okfun:function(val){},
zIndex:99 //设置图层级别
});
</script>
</body>
</html>
附上API地址:http://www.jayui.com/jedate/
项目经验:
jeDate的每次使用都要调用一次,并且只能使用唯一的元素,不管是ID还是class,只能是唯一的,不能在同一个页面中出现两次,这样的话对于动态添加的数据就要使用循环动态添加了。。。
最新文章
- Add Indexer to DynamicJson
- window.onload和$(document).ready(function(){})的区别
- DAY6 处理http头,格式化输出
- 将博客从jekyll迁移到了hexo
- 将数据导出成excel表
- MFC 实现字符串的移动
- java枚举使用详解(转)
- pycharm 导包
- Ugly Windows
- Oracle 用户、对象权限、系统权限
- Hyperworks、Nastran、Abaqus与ansys的区别
- 关于Delphi中TRttiContext.FindType失效的问题
- 避免Node.js中回调地狱
- Spring MVC 使用介绍(十一)—— 跨域与静态资源访问
- RxJS操作符(一)
- python 进阶读书笔记2 -- python魔法函数
- js日期处理函数 -- 判断闰年,获取当月的总天数、添加月份
- CentOS7 linux 中提示 bash: ls: 未找到命令...
- 【Java】 剑指offer(57-1) 和为s的两个数字
- dataTables使用整理(一)