非常强大的时间日期插件 --- JeDate.js
生活随笔
收集整理的這篇文章主要介紹了
非常强大的时间日期插件 --- JeDate.js
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
非常強大的時間日期插件 --- 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的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 解决$router.go(-1)返回上一
- 下一篇： 51nod 1040最大公约数和（欧拉函