github
/
laydate
mirror of https://github.com/layui/laydate
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

添加demo页面

pull/7/head
xiaowu 2014-11-01 12:14:06 +08:00
parent d75885f420
commit 66a96f84cc
2 changed files with 61 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
laydate.dev.js
View File

@ -115,6 +115,13 @@ Dates.shde = function(elem, type){
//简易选择器 //简易选择器
Dates.query = function(node){ Dates.query = function(node){
if(node && node.nodeType === 1){
if(node.tagName.toLowerCase() !== 'input'){
throw new Error('选择器elem错误');
}
return node;
}
var node = (Dates.trim(node)).split(' '), elemId = doc[byid](node[0].substr(1)), arr; var node = (Dates.trim(node)).split(' '), elemId = doc[byid](node[0].substr(1)), arr;
if(!elemId){ if(!elemId){
return; return;

54
test/demo1.html Normal file
View File

@ -0,0 +1,54 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Demo1</title>
<style type="text/css">
.demo1{
height:300px;
}
</style>
</head>
<body>
<div style="height:500px;"></div>
<div class="demo1">
方本框：<input type="text" id="J-xl">
</div>
<div class="demo1">
按钮触发：<input type="text" id="J-xl-2"><input type="button" id="J-xl-2-btn" value="打开">
</div>
<div class="demo1">
<label for="J-xl-3">Label触发：</label><input type="text" id="J-xl-3" >
</div>
<div class="demo1">
直接传dom：<input type="text" id="J-xl-4" >
</div>
<script type="text/javascript" src="../laydate.dev.js"></script>
<script type="text/javascript">
laydate({
elem: '#J-xl'
});
document.getElementById('J-xl-2-btn').onclick = function(){
laydate({
elem: '#J-xl-2'
});
}
laydate({
elem: '#J-xl-3'
});
laydate({
elem: document.getElementById('J-xl-4')
});
</script>
</body>
</html>