1. 程式人生 > >layerdate一款很好用日期插件

layerdate一款很好用日期插件

可選 itl 選擇 render 元素 charset scrip head layer

<!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>

layerdate一款很好用日期插件