<!doctype html>
|
<html>
|
<head>
|
<meta charset="utf-8">
|
<title>layDate Demo</title>
|
<script src="laydate/laydate.js"></script>
|
<style>
|
html{background-color:#E3E3E3; font-size:14px; color:#000; font-family:'微软雅黑'}
|
h2{line-height:30px; font-size:20px;}
|
a,a:hover{ text-decoration:none;}
|
pre{font-family:'微软雅黑'}
|
.box{width:970px; padding:10px 20px; background-color:#fff; margin:10px auto;}
|
.box a{padding-right:20px;}
|
</style>
|
</head>
|
<body>
|
<div style="width:970px; margin:10px auto;">
|
演示一：<input placeholder="请输入日期" class="laydate-icon" onclick="laydate()">
|
</div>
|
<div class="box">
|
<pre>
|
@Name：laydate-v<script>document.write(laydate.v)</script> 日期控件说明
|
@Author：贤心
|
@Blog：<a href="http://sentsin.com" target="_blank">http://sentsin.com</a>
|
@官网：<a href="http://sentsin.com/layui/laydate" target="_blank">http://sentsin.com/layui/laydate</a>
|
@开发版源码：<a href="http://sentsin.com/lily/lib/laydate/laydate.dev.js" target="_blank">http://sentsin.com/lily/lib/laydate/laydate.dev.js</a>
|
|
<strong>【注意事项】</strong>
|
一、请千万勿移动laydate中的目录结构，它们具有完整的依赖体系。使用时，只需引入laydate/laydate.js即可。
|
二、如果您的网站的js采用合并或模块加载，您需要打开laydate.js，修改path。
|
三、laydate遵循LGPL开源协议，永不收费！
|
四、版权最终解释权：贤心。
|
</pre>
|
演示二：<input class="laydate-icon" id="demo" value="2014-6-25更新">
|
</div>
|
<div class="box" style="text-align:center">
|
<p>现在，您已经看到了layDate的第一个版本了，路漫漫其修远兮，不管您的网站是否存有别的日期控件，但我相信总有一日您会对layDate情有独钟。</p>
|
<a href="http://sentsin.com/layui/laydate/api.html" target="_blank">使用文档</a>
|
<a href="http://sentsin.com/layui/laydate/skins.html" target="_blank">皮肤库</a>
|
<a href="http://say.sentsin.com/say-922.html" target="_blank">更新日志</a>
|
<a href="http://say.sentsin.com/home-58.html" id="suggest" target="_blank">有问必答</a>
|
</div>
|
|
<script>
|
;!function(){
|
|
//laydate.skin('molv');
|
|
laydate({
|
elem: '#demo'
|
})
|
|
}();
|
</script>
|
</body>
|
</html>
|
