jeDate日期控件的使用以及选中后点确定按钮关闭功能
jeDate日期控件的使用以及选中后点确定按钮关闭功能
王小婷
发布于 2019-04-09 07:49:54
发布于 2019-04-09 07:49:54
代码可运行
运行总次数：0
代码可运行
在之前的文章里，jedate-开始使用一款好用的时间插件：https://cloud.tencent.com/developer/article/1140229，运用这款控件确实省了不少力气，这两年，该控件开发者也在不断的进行更新，所以在项目中有些引用也相对应的进行了一些改变，今天要实现一个 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>
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2019.03.26 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
推荐阅读
相关推荐
jeDate日期控件的使用以及选中后点确定按钮关闭功能
更多 >
腾讯云开发者
