详解layui laydate选择时间的回调方法

 更新时间:2024年01月19日 09:59:28   作者:每天都进步一点点  
这篇文章主要介绍了layui laydate选择时间的回调方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧

控件初始打开的回调
控件在打开时触发,回调返回一个参数:初始的日期时间对象

laydate.render({
  elem: '#test'
  ,ready: function(date){
    console.log(date); //得到初始的日期时间对象:{year: 2017, month: 8, date: 18, hours: 0, minutes: 0, seconds: 0}
  }
});

日期时间被切换后的回调
年月日时间被切换时都会触发。回调返回三个参数,分别代表:生成的值、日期时间对象、结束的日期时间对象

laydate.render({
  elem: '#test'
  ,change: function(value, date, endDate){
    console.log(value); //得到日期生成的值,如:2017-08-18
    console.log(date); //得到日期时间对象:{year: 2017, month: 8, date: 18, hours: 0, minutes: 0, seconds: 0}
    console.log(endDate); //得结束的日期时间对象,开启范围选择(range: true)才会返回。对象成员同上。
  }
});

控件选择完毕后的回调
点击日期、清空、现在、确定均会触发。回调返回三个参数,分别代表:生成的值、日期时间对象、结束的日期时间对象

laydate.render({
  elem: '#test'
  ,done: function(value, date, endDate){
    console.log(value); //得到日期生成的值,如:2017-08-18
    console.log(date); //得到日期时间对象:{year: 2017, month: 8, date: 18, hours: 0, minutes: 0, seconds: 0}
    console.log(endDate); //得结束的日期时间对象,开启范围选择(range: true)才会返回。对象成员同上。
  }
});

到此这篇关于layui laydate选择时间的回调方法的文章就介绍到这了,更多相关layui laydate回调内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • JavaScript+CSS实现仿天猫侧边网页菜单效果

    JavaScript+CSS实现仿天猫侧边网页菜单效果

    这篇文章主要介绍了JavaScript+CSS实现仿天猫侧边网页菜单效果,涉及javascript鼠标事件及页面元素动态操作的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-08-08
  • 小程序实现页面多级来回切换的示例代码

    小程序实现页面多级来回切换的示例代码

    这篇文章主要为大家详细介绍了小程序如何页面多级来回切换支持滑动和点击操作,文中的实现步骤讲解详细,快跟随小编一起动手尝试一下吧
    2022-07-07
  • JavaScript实现手写原生任务定时器

    JavaScript实现手写原生任务定时器

    定时器顾名思义就是在某个特定的时间去执行一些任务,现代的应用程序早已不是以前的那些由简单的增删改查拼凑而成的程序了,高复杂性早已是标配,而任务的定时调度与执行也是对程序的基本要求了。本文将利用JavaScript手写原生任务定时器,需要的可以参考一下
    2022-03-03
  • JS对img进行操作(换图片/切图/轮换/停止)

    JS对img进行操作(换图片/切图/轮换/停止)

    JS对img进行操作包括:换图片/切图/轮换/停止轮换等等,在本文将逐一实现,感兴趣的朋友可以参考下哈,希望对你学习js知识有所帮助
    2013-04-04
  • vue 集成腾讯地图实现api(附DEMO)

    vue 集成腾讯地图实现api(附DEMO)

    之前项目使用腾讯地图,不利于开发者查找,这篇文章主要介绍了vue 集成腾讯地图实现api,具有一定的参考价值,感兴趣的可以了解下
    2021-07-07
  • JS使用Promise控制请求并发数

    JS使用Promise控制请求并发数

    现在面试过程当中 ,手写题必然是少不了的,其中碰到比较多的无非就是当属 请求并发控制了,所以本文为大家整理了JS使用Promise控制请求并发数的示例代码,希望对大家有所帮助
    2023-05-05
  • 原生JS实现图片跑马灯特效

    原生JS实现图片跑马灯特效

    这篇文章主要为大家详细介绍了原生JS实现图片跑马灯特效,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-10-10
  • JavaScript获取页面上被选中文字的方法技巧

    JavaScript获取页面上被选中文字的方法技巧

    这篇文章主要介绍了JavaScript获取页面上被选中文字的方法技巧,本文直接给出实现代码和运行效果,需要的朋友可以参考下
    2015-03-03
  • javascript下操作css的float属性的特殊写法

    javascript下操作css的float属性的特殊写法

    javascript下操作css的float属性的特殊写法...
    2007-08-08
  • javascript生成随机数方法汇总

    javascript生成随机数方法汇总

    实现随机数是各种编程语言都很常见的一个编程任务,下面介绍一下在JavaScript如何实现随机数。非常的简单实用的例子奉献给大家,希望大家能够喜欢。
    2015-11-11

最新评论