56 lines
2.2 KiB
HTML
Executable File
56 lines
2.2 KiB
HTML
Executable File
<!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> |