jeDate日期控件的使用以及选中后点确定按钮关闭功能
时间:2022-06-19
本文章向大家介绍jeDate日期控件的使用以及选中后点确定按钮关闭功能,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
在之前的文章里,jedate-开始使用一款好用的时间插件:https://www.jianshu.com/p/961c3f364e2a,运用这款控件确实省了不少力气,这两年,该控件开发者也在不断的进行更新,所以在项目中有些引用也相对应的进行了一些改变,今天要实现一个 jeDate日期控件的使用以及选中后点确定按钮关闭功能。
github下载链接:https://github.com/singod/jeDate 官方文档:http://www.jemui.com/uidoc/jedate.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<title> </title>
<link type="text/css" rel="stylesheet" href="test/jeDate-test.css">
<link type="text/css" rel="stylesheet" href="skin/jedate.css">
<script type="text/javascript" src="src/jedate.js"></script>
</head>
<body>
<input type="text" class="form-control input-medium" placeholder="开始时间" id="beginTime" />
<input type="text" class="form-control input-medium" placeholder="结束时间" id="endTime" />
</body>
<script type="text/javascript">
//选中后点确定按钮才关闭
jeDate("#beginTime",{
onClose:true,
theme:{ bgcolor:"#00A1CB",color:"#ffffff", pnColor:"#00CCFF"},
format: 'YYYY-MM-DD hh:mm:ss'
});
jeDate("#endTime",{
onClose:true,
theme:{ bgcolor:"#00A1CB",color:"#ffffff", pnColor:"#00CCFF"},
format: 'YYYY-MM-DD hh:mm:ss'
});
</script>
</html>
- 1668: [Usaco2006 Oct]Cow Pie Treasures 馅饼里的财富
- 2463: [中山市选2009]谁能赢呢?
- 2748: [HAOI2012]音量调节
- 2697: 特技飞行
- 我这么玩Web Api(二)
- 1296: [SCOI2009]粉刷匠
- 1293: [SCOI2009]生日礼物
- 记一次线程池调优经历
- JavaScript对象
- 1088: [SCOI2005]扫雷Mine
- 1029: [JSOI2007]建筑抢修
- 洛谷P2860 [USACO06JAN]冗余路径Redundant Paths(tarjan求边双联通分量)
- 关于类的对象创建与初始化
- 1191: [HNOI2006]超级英雄Hero
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- String - 6. ZigZag Conversion
- String - 179. Largest Number
- 利用Github Pages实现“服务CNAME”功能
- String - 49. Group Anagrams
- Flutter包大小治理上的探索与实践
- String - 242. Valid Anagram
- String - 290. Word Pattern
- String - 205. Isomorphic Strings
- String - 345. Reverse Vowels of a String
- String - 186. Reverse Words in a String II
- String - 151. Reverse Words in a String
- String - 344. Reverse String
- String - 383. Ransom Note
- String - 58. Length of Last Word
- String - 14. Longest Common Prefix