• LayDate使用


    layDate非常愿意和您成为工作伙伴。她致力于成为全球最用心的web日期支撑,为国内外所有从事web应用开发的同仁提供力所能及的动力。她基于原生JavaScript精心雕琢,兼容了包括IE6在内的所有主流浏览器。她具备优雅的内部代码,良好的性能体验,和完善的皮肤体系,并且完全开源,你可以任意获取开发版源代码,一扫某些传统日期控件的封闭与狭隘。layDate本着资源共享的开发者精神和对网页日历交互无穷的追求,延续了layui一贯的简单与易用。她遵循LGPL协议,您可以免费将她用于任何个人项目

    选择理由

    layDate除了包含日期范围限制、开始日期设定、自定义日期格式、时间戳转换、当天的前后若干天返回、时分秒选择、智能响应、自动纠错、节日识别,快捷键操作等常规功能外,还拥有更多趋近完美的解决方案。

    引用js

    <script type="text/javascript" src="../js/plugins/laydate/laydate.js"></script>
    • 注意事项

      解压后,将laydate整个文件放至您项目的任意目录,不要移动其文件结构,它们具有完整的依赖体系。
      使用只需在页面引入laydate.js即可。
      如果您的网站的js采用合并或模块加载,您需要打开laydate.js,修改path。
      用于实际项目时请保留来源,勿剔除laydate.js头部注释。

    回调执行

    【自定义日期格式】
    <div id="test1" class="laydate-icon"></div>
    <script>
    laydate({
      elem: '#test1',
      format: 'YYYY/MM', // 分隔符可以任意定义,该例子表示只显示年月
      festival: true, //显示节日
      choose: function(datas){ //选择日期完毕的回调
        alert('得到:'+datas);
      }
    });
    </script>

    限定时间范围

    【日期范围限定在昨天到明天】
    <div id="hello3" class="laydate-icon"></div>
    <script>
    laydate({
      elem: '#hello3',
      min: laydate.now(-1), //-1代表昨天,-2代表前天,以此类推
      max: laydate.now(+1) //+1代表明天,+2代表后天,以此类推
    });
    </script>
  • 相关阅读:
    《javascript高级程序设计》第六章总结
    电子邮件写信页面开发代码
    JSON和XML的比较
    2014前端工程师基础课程作业
    cookie 和session 的区别详解
    substring()、slice()和substr()方法辨析
    Number()、parseInt()和parseFloat()辨析
    《javascript高级程序设计》第十三章知识点
    angular debounce 搜索去抖动/防抖
    js四舍五入保留两位小数的方法
  • 原文地址:https://www.cnblogs.com/zhangxinhua/p/8319234.html
Copyright © 2020-2023  润新知