demo.html 2.2 KB

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