layerdate一款很好用日期插件

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>layerdate</title>
<link rel="stylesheet" href="theme/default/laydate.css" />
</head>
<body>
日期:<input type="text" id="test1" placeholder="请选择日期"/><br/>
日期时间:<input type="text" id="test2" placeholder="请选择日期时间"/><br/>
限定可选日期:<input type="text" id="test3" placeholder="限定可选日期"/>
<script type="text/javascript" src="js/laydate.js" ></script>
<script>
//执行一个laydate实例
laydate.render({
elem: '#test1' //指定元素
});
//日期时间选择器
laydate.render({
elem: '#test2'
,type: 'datetime'
});

//限定可选日期
laydate.render({
elem: '#test3',
min: '2017-10-14',
max: '2018-10-14'

});
</script>
</body>
</html>

posted @ 2018-01-24 17:56  lsbaiwyl  阅读(541)  评论(0编辑  收藏  举报