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> <inputtype="text" class="form-control input-medium" placeholder="開始時間"id="beginTime" /> <inputtype="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>

原文作者:祈澈姑娘 技術部落格: https://www.jianshu.com/u/05f416aefbe1
90後前端妹子,愛程式設計,愛運營,文藝與程式碼齊飛,魅力與智慧共存的程式媛一枚。
堅持總結工作中遇到的技術問題,堅持記錄工作中所所思所見,對於部落格上面有不會的問題,可以加入qq技術交流群聊:649040560。