logo头像

学如逆水行舟,不进则退!!!

文章目录

LayDate使用

本文于704天之前发表,文中内容可能已经过时。

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>
上一篇
坚持原创技术分享,您的支持将鼓励我继续创作!