日期控件的使用

最新推荐文章于 2018-07-26 16:34:05 发布

点点滴滴的岁月

最新推荐文章于 2018-07-26 16:34:05 发布

阅读量211

点赞数 1

分类专栏：日期控件

本文链接：https://blog.csdn.net/abou15871390117/article/details/78424316

版权

日期控件专栏收录该内容

0 篇文章 0 订阅

订阅专栏

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<title>多功能jQuery日期控件 jeDate - 素材家园-www.sucaijiayuan.com</title>
<script type="text/javascript" src="jeDate/jedate.js"></script>

<style>
body{ padding:50px 0 0 50px;}
.datainp{ width:200px; height:30px; border:1px #ccc solid;}
.datep{ margin-bottom:40px;}
</style>
</head>

<body>
<div style="width:100%;height:1000px;">
  亲戚<input class="datainp" id="indate" type="text" placeholder="开始日期" value="" readonly>-
<input class="datainp" id="dateinfo" type="text" placeholder="结束日期" readonly>
</div>
<script type="text/javascript">
//jeDate.skin('gray');
jeDate({
dateCell:"#indate",//isinitVal:true,
format:"YYYY-MM-DD ",
isTime:true, //isClear:false,
minDate:"2015-10-19 00:00:00",
maxDate:"2016-11-8 00:00:00"
})
jeDate({
dateCell:"#dateinfo",
//format:"YYYY-MM-DD hh:mm:ss",
format:"YYYY-MM-DD ",
isinitVal:true,
isTime:true, //isClear:false,
minDate:"2014-09-19 00:00:00",
okfun:function(val){alert(val)}
})
</script>
</body>

</html>

其中可以根据自己的需要修改jeDate中的内容来满足自己对日期控件的需求，

本日期控件只许已入jedate.js即可，样式可以根据自己的审美来调换。

点点滴滴的岁月

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
日期控件的使用

多功能jQuery日期控件 jeDate - 素材家园-www.sucaijiayuan.combody{ padding:50px 0 0 50px;}.datainp{ width:200px; height:30px; border:1px #ccc solid;}.datep{ margin-bottom:40px;} &n
复制链接

扫一扫

专栏目录