`

jQuery LayDate 日期控件

阅读更多

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

  1. 版本 LayDate 1.1

  2. 作者:闲心贤

  3. github

在线实例

实例预览 layDate - js日期控件与时间插件演示

实例预览 layDate 日期选择器实例DEMO

引入文件

  1. <script src="laydate.js"></script>
复制

使用方法

  1. <input id="hello" class="laydate-icon">
  2. <script>
  3. laydate({
  4. elem: '#hello',
  5. event: 'focus'
  6. });
  7. </script>
复制

参数说明

一、核心方法:laydate(options);

  1. options是一个对象,它包含了以下key: '默认值'elem: '#id',
  2. //需显示日期的元素选择器
  3. event: 'click',
  4. //触发事件
  5. format: 'YYYY-MM-DD hh:mm:ss',
  6. //日期格式
  7. istime: false,
  8. //是否开启时间选择
  9. isclear: true,
  10. //是否显示清空
  11. istoday: true,
  12. //是否显示今天
  13. issure: true,
  14. 是否显示确认festival: true //是否显示节日
  15. min: '1900-01-01 00:00:00',
  16. //最小日期
  17. max: '2099-12-31 23:59:59',
  18. //最大日期
  19. start: '2014-6-15 23:00:00',
  20. //开始日期
  21. fixed: false,
  22. //是否固定在可视区域
  23. zIndex: 99999999,
  24. //css z-index
  25. choose: function(dates) { //选择好日期的回调
  26. }
复制

二、其它方法/属性

  1. laydate.//获取laydate版本号
  2. laydate.skin(lib); //加载皮肤,参数lib为皮肤名 
  3. /*
  4.         layer.now支持多类型参数。timestamp可以是前后若干天,也可以是一个时间戳。format为日期格式,为空时则采用默认的“-”分割。
  5.         如laydate.now(-2)将返回前天,laydate.now(3999634079890)将返回2096-09-28
  6.     */
  7. layer.now(timestamp, format); //该方法提供了丰富的功能,推荐灵活使用。
  8. laydate.reset(); //重设日历控件坐标,一般用于页面dom结构改变时。无参
复制

        

 

 

2
1
分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    js layDate日历控件代码.zip

    本篇文章将深入解析js layDate日历控件的代码实现,以及与之相关的前端技术,如CSS、HTML5、jQuery等。 一、layDate控件简介 layDate是由layui团队开发的一款高性能的日期插件,具有良好的兼容性,支持PC和移动...

    日历 layDate日历控件.rar

    此外,通过结合JavaScript或jQuery,layDate还能与其他组件交互,实现更复杂的日程管理、日期计算等功能。 总结来说,"日历 layDate日历控件.rar"提供了完整的layDate日历插件,包括示例、核心代码和使用指南,适合...

    Java开发input标签日期控件layDate-v5.0.9

    layDate是一款高效、易用的前端日期控件,它为网页提供了丰富的日期选择功能,能够很好地解决Java开发者在创建输入日期字段时遇到的问题。layDate-v5.0.9是layDate的一个版本,它在保持轻量级的同时,提供了许多优化...

    带时间的日期控件 自动向上或向下弹出 JS

    在网页开发中,用户界面常常需要提供一种方式来让用户输入日期和时间,这通常通过日期控件或日历控件实现。"带时间的日期 JS控件"是一种专门设计用于处理这种需求的JavaScript组件,它结合了日期选择器和时间选择器...

    日期控件 laydate

    2. **原生JavaScript开发**:laydate完全基于原生JavaScript编写,无需依赖其他库如jQuery,这使得它在轻量级项目中具有更高的性能优势,同时降低了页面加载时间。 3. **丰富的主题样式**:laydate提供了多种预设...

    SSM+Mysql餐饮工业化管理系统毕设源码(java).zip

    项目简介 餐饮工业化管理系统是针对食品生产行业设计的一款专业生产管理软件. 系统模块 研发系统 订单系统 信息计划系统 ★ ...日期控件: LayDate 图表控件:echarts 界面优美,操作完善。毕业设计级源码

    项目里 Jquery 日期空间,vilidation,highchars控件

    在标题中提到的"Jquery日期控件",通常指的是用于用户界面中选择日期的组件。这里提到了两个日期插件:laydate和vilidate。laydate是一款轻量级的Jquery日期插件,提供了丰富的日期选择样式和多种日期格式化选项,...

    日期控件-多选.rar

    日期控件在IT行业中是网页或应用程序中常见的一种交互元素,它允许用户选择或输入日期。在本案例中,"日期控件-多选.rar"是一个压缩包文件,可能包含了实现多选日期功能的源代码、示例或者文档。这个功能通常用于...

    laydate如何根据开始时间或者结束时间限制范围

    laydate是一个基于jQuery的时间控件,主要用于网页中选择日期和时间。为了满足特定需求,如限制用户只能选择某个时间范围内的日期和时间,可以使用laydate的相关配置项进行时间范围的设置。以下是根据开始时间或结束...

    layui-自定义多选-禁用.rar

    - **JavaScript/jQuery**:layui主要是基于JavaScript和jQuery构建的,所以扩展其日期控件需要对这两种语言有深入理解,包括DOM操作、事件处理、对象和数组操作等。 - **layDate配置项**:layui的日期控件接受一...

    layDate.zip

    相比其他前端日期控件,layDate在易用性和灵活性方面具有优势,同时它的体积小,加载速度快,适合各种规模的项目。 通过理解和掌握layDate,开发者可以提升其在前端日期处理方面的开发效率,为用户提供更友好、更...

    web 自定义控件

    4. **Laydate**:Laydate是一款流行的JavaScript日期插件,用于在Web应用中添加日期和时间选择器。它提供了多种皮肤、日期范围选择、日期限制等功能,并支持各种浏览器。Laydate-v1.1.zip可能是该插件的一个版本,...

    一个jquery的生日选择插件

    在这种背景下,jQuery生日选择插件应运而生,它提供了更友好、更美观的日期选择方式,为用户带来更好的体验。 该插件名为"dataBirthdayJquery-master",它不是基于传统的`&lt;select&gt;`元素构建,而是采用更加灵活的...

    详解Vue.js和layui日期控件冲突问题解决办法

    2. **手动赋值**:在表单提交之前,利用jQuery或其他DOM操作库获取日期控件的值,并将其手动赋给Vue实例的数据。这确保了在提交表单时,Vue实例中的数据是完整的。 ```javascript layui.use('laydate', function() ...

    关于layui时间回显问题的解决方法

    当我们请求接口时 将得到的数据 进行回显 layui一直是获取了当前的系统时间 进行回显 解决办法 layui.config({ base: './Public/layuiadmin/' ... var laydate = layui.laydate; var table = layui.table; var for

    js 日历控件 兼容ie、firefox、opera

    JavaScript日历控件是一种在网页上实现日期选择功能的交互元素,它允许用户方便地选取日期,常用于表单中的日期输入字段。本控件强调的是跨浏览器兼容性,特别是针对Internet Explorer(IE)、Firefox和Opera这三大...

    MF00716-Java企业级开发平台源码.zip

    Java企业级开发平台源码 权限管理框架源码 开发语言 : JAVA 数据库 : MySQL 开发工具 : Eclipse 源码类型 : WebForm 注意:不带技术支持,有帮助文件,虚拟...弹出层:Layer、日期控件: LayDate、图表控件:echarts

    Spring+SpringMVC+Ehcache+Shiro+BootStrap企业级开发平台

    【B1】Spring+SpringMVC+Ehcache+Shiro+BootStrap企业级开发平台源码下载 内置功能 用户管理 角色管理 菜单管理 字典管理 部门管理 附件管理 参数管理 连接池监视 ... 日期控件: LayDate

    JQ选择时间插件

    laydate的一个独特之处是支持**范围选择**,即双控件模式。这意味着用户不仅可以选择一个单一的日期或时间,还可以同时选择一个时间段,这对于预定区间或者设置有效期的场景尤其重要。 除了基本功能,laydate还提供...

    layui给下拉框、按钮状态、时间赋初始值的方法

    首先,我们需要了解Layui框架的一些基础组件,如Layui的表单(Form)、表格(Table)、日期时间选择器(laydate)以及开关(switch)等。 在给下拉框赋予初始值时,通常会根据数据动态设置表单项的值。在Layui中,...

Global site tag (gtag.js) - Google Analytics