当前位置: 首页 > news >正文

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>

转载于:https://www.cnblogs.com/zhangxinhua/p/8319234.html

相关文章:

  • Java|序列化异常StreamCorruptedException的解决方法
  • 再用python写一个文本处理的东东
  • C#泛型-模板特化
  • Spring与Mybatis环境搭建 【转】
  • [故障解决]Ssh连接port 22: Connection refused
  • PHP设置脚本最大执行时间的三种方法
  • jquery.sobox 经典版弹窗控件
  • JavaScript 深克隆
  • MAC将根目录文件夹的权限赋给用户
  • CSS中link和@import的区别是:
  • CentOS工作机 - google chrome
  • crontab执行失败的多种原因
  • 分布式文件系统FastDFS 集群安装
  • miniui datagrid 的客户端分页解决方案 - CS结合
  • oracle 10g 如何用srvctl 添加数据库资源到cluster中
  • JS基础篇--通过JS生成由字母与数字组合的随机字符串
  • PHP那些事儿
  • Puppeteer:浏览器控制器
  • SpringCloud(第 039 篇)链接Mysql数据库,通过JpaRepository编写数据库访问
  • Transformer-XL: Unleashing the Potential of Attention Models
  • vue-cli在webpack的配置文件探究
  • 安装python包到指定虚拟环境
  • 工作中总结前端开发流程--vue项目
  • 漫谈开发设计中的一些“原则”及“设计哲学”
  • 排序(1):冒泡排序
  • 三分钟教你同步 Visual Studio Code 设置
  • 算法之不定期更新(一)(2018-04-12)
  • 我看到的前端
  • 再次简单明了总结flex布局,一看就懂...
  • 格斗健身潮牌24KiCK获近千万Pre-A轮融资,用户留存高达9个月 ...
  • 哈罗单车融资几十亿元,蚂蚁金服与春华资本加持 ...
  • #pragma pack(1)
  • #控制台大学课堂点名问题_课堂随机点名
  • $con= MySQL有关填空题_2015年计算机二级考试《MySQL》提高练习题(10)
  • (07)Hive——窗口函数详解
  • (1)STL算法之遍历容器
  • (Pytorch框架)神经网络输出维度调试,做出我们自己的网络来!!(详细教程~)
  • (附源码)springboot高校宿舍交电费系统 毕业设计031552
  • (附源码)springboot码头作业管理系统 毕业设计 341654
  • (附源码)SSM环卫人员管理平台 计算机毕设36412
  • (附源码)ssm基于微信小程序的疫苗管理系统 毕业设计 092354
  • (十二)devops持续集成开发——jenkins的全局工具配置之sonar qube环境安装及配置
  • (译)计算距离、方位和更多经纬度之间的点
  • (转)es进行聚合操作时提示Fielddata is disabled on text fields by default
  • (最简单,详细,直接上手)uniapp/vue中英文多语言切换
  • .net core 6 使用注解自动注入实例,无需构造注入 autowrite4net
  • .net core Swagger 过滤部分Api
  • .NET Framework 和 .NET Core 在默认情况下垃圾回收(GC)机制的不同(局部变量部分)
  • .Net MVC + EF搭建学生管理系统
  • .Net 中Partitioner static与dynamic的性能对比
  • .NET/C# 检测电脑上安装的 .NET Framework 的版本
  • .netcore 如何获取系统中所有session_如何把百度推广中获取的线索(基木鱼,电话,百度商桥等)同步到企业微信或者企业CRM等企业营销系统中...
  • .NET分布式缓存Memcached从入门到实战
  • ::什么意思
  • @private @protected @public