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