非常强大的时间日期插件 --- JeDate.js

1.下载Jedate包
2.整合到自己的项目

1.下载Jedate包

http://www.jemui.com/jedate/ .

1.先点击链接，进入JeDate网站

2.双击index.html,见识到JeDate的强大

2.整合到自己的项目

1.在自己的html页面导入这几个包

2.代码如下

<!doctype html>
<html >
<head><meta charset="utf-8"><meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no"><title>jeDate日期控件(原生JS) - 演示</title><link type="text/css" rel="stylesheet" href="../static/jedate/test/jeDate-test.css"><link type="text/css" rel="stylesheet" href="../static/jedate/skin/jedate.css"><script type="text/javascript" src="../static/jedate/src/jedate.js"></script>
</head>
<body>
<div class="jebody"><div class="jewarp"><h3 class="gray">有效、无效日期限制</h3><div class="content"><div class="jeitem"><label class="jelabel">有效日期正向限制</label><div class="jeinpbox"><input type="text" class="jeinput" id="test20" placeholder="YYYY年MM月DD日"></div></div><div class="jeitem"><label class="jelabel">无效日期正向限制</label><div class="jeinpbox"><input type="text" class="jeinput" id="test22" placeholder="YYYY年MM月DD日"></div></div><div class="jeitem"><label class="jelabel">指定日期正向限制</label><div class="jeinpbox"><input type="text" class="jeinput" id="test24" placeholder="YYYY年MM月DD日"></div></div><div class="jeitem"><label class="jelabel">有效日期反向限制</label><div class="jeinpbox"><input type="text" class="jeinput" id="test21" placeholder="YYYY年MM月DD日"></div></div><div class="jeitem"><label class="jelabel">无效日期反向限制</label><div class="jeinpbox"><input type="text" class="jeinput" id="test23" placeholder="YYYY年MM月DD日"></div></div><div class="jeitem"><label class="jelabel">指定日期反向限制</label><div class="jeinpbox"><input type="text" class="jeinput" id="test25" placeholder="YYYY年MM月DD日"></div></div></div></div><div class="jewarp"><h3 class="gray">直接展示日历</h3><div class="content"><div class="jefixeitem" id="show01"></div><div class="jefixeitem" id="show02"></div><div class="jefixeitem" id="show03"></div><div class="jefixeitem" id="show04"></div></div></div>
</div>
<script type="text/javascript" >jeDate("#show01",{isShow:false,format: "YYYY-MM-DD hh:mm:ss"});jeDate("#show02",{isShow:false,format: "YYYY-MM"});jeDate("#show03",{isShow:false,format: "YYYY"});jeDate("#show04",{isShow:false,format: "hh:mm:ss"});</script>
</body>
</html>

3.项目结构

水文一篇，由于没有阅读作者的README,再加上CSDN上好几篇文章都说直接引入jedate.js就可以啦，被坑的不行，江湖险恶。

非常强大的时间日期插件 --- JeDate.js相关推荐

php获取laydate,解决laydate时间日期插件定位溢出
laydate是一款比较好用的网页时间日期插件,不过用起来有一些细节问题需要我们手动去解决!例如:laydate兼容bootstrap 1. 默认情况 laydate弹出层默认对齐input左边框 2 ...
日期插件rolldate.js的使用
日期插件rolldate.js的使用下载地址:http://www.jq22.com/jquery-info19834 效果: 代码: <!DOCTYPE html> <html ...
模块开发之时间/日期组件moment.js使用(十四)
文章目录前言基本使用 moment与字符串想到转换当前时间语法创建moment实例的方式时间字符串+指定格式时间字符串+多定格式 moment完全支持iso-8601格式字符串以对象形 ...
获取当前时间日期并格式化--JS
工作当中,总是遇到很多觉得不错的JS脚本.现在觉得还是找个地方记录下来,以后可以随时查看. /***获取当前时间日期并格式化*/ function getNowDate(){var mydate=ne ...
html5 datepicker使用方法,WdatePicker.js时间日期插件的使用方法
本文介绍了WdatePicker.js时间插件使用,分享给大家,具体如下: 引用: 在项目中引用"plugin-clander"文件夹. 在html中引用"WdatePi ...
一款好用的JS时间日期插件layDate
觉得这个插件很不错,使用起来也很方便,推荐使用 1.插件截图 2.插件配置选择很多,配置也很简单,插件官网:https://www.layui.com/laydate/配置说得很明确,基本操作就是: ...
推荐一个快速获取时间的插件 Moment.js
Moment.js Moment.js: JavaScript 日期处理类库官方网址: https://momentjs.com/. 中文网: http://momentjs.cn/. 这里不仅可以 ...
WdatePicker时间日期插件总结
一.引入插件二.简单应用案例 1).代码 <!DOCTYPE html> <html><head><meta charset="UTF-8&quo ...
ajax小型日期插件,Pikaday.js简约轻量级的日期选择插件 - 资源分享
Pikaday.js 是一个 JavaScript 日期选择器,它不依赖于任何第三方 JavaScript 库,并且文件大小小于 5K,但是功能却一点不弱,可以进行很多高级定制.并且样式可以根据 CS ...
My97DatePicker日期插件WdatePicker.js的使用方法
一.先来最简单的配置方法: (1)下载WdatePicker.js(包括lang和skin文件夹). (2)在html页面中导入WdatePicker.js. //同时引入了WdateP ...

非常强大的时间日期插件 --- JeDate.js

非常强大的时间日期插件 --- JeDate.js

1.下载Jedate包

2.整合到自己的项目

非常强大的时间日期插件 --- JeDate.js相关推荐

最新文章

热门文章