在之前的文章里,jedate-开始使用一款好用的时间插件:https://www.jianshu.com/p/961c3f364e2a,运用这款控件确实省了不少力气,这两年,该控件开发者也在不断的进行更新,所以在项目中有些引用也相对应的进行了一些改变,今天要实现一个 jeDate日期控件的使用以及选中后点确定按钮关闭功能。
<!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>