layui laydate选择时间的回调方法

这篇具有很好参考价值的文章主要介绍了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)才会返回。对象成员同上。
  }
});

控件选择完毕后的回调
点击日期、清空、现在、确定均会触发。回调返回三个参数,分别代表:生成的值、日期时间对象、结束的日期时间对象文章来源地址https://www.toymoban.com/news/detail-804497.html

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选择时间的回调方法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • js/javascript获取时间戳的5种方法

    以下便是干货 1.获取时间戳精确到秒,13位 2.获取时间戳精确到毫秒,13位 3.获取时间戳精确到毫秒,13位 4.获取时间戳精确到毫秒,13位 5.获取时间戳精确到毫秒,13位 其它 在开发的中需要精确到秒的时候,推荐使用 第1种方法,也需要除以1000才行,如果是需要时间戳毫秒的推荐 +new D

    2024年02月11日
    浏览(44)
  • layui(4)——内置模块日期与时间选择

    通过核心方法: laydate.render(options) 来设置基础参数,也可以通过方法: laydate.set(options) 来设定全局基础参数. 类型: String/DOM ,默认值: 无 必填项,用于绑定执行日期渲染的元素,值一般为选择器,或DOM对象 类型: String ,默认值: date 用于单独提供不同的选择器类型,可

    2024年02月10日
    浏览(57)
  • Layui时间范围选择器,添加【本周、本月、本季度、本年等常用时间快捷键】

    2.1 第一种实现 2.2 第二种实现

    2024年02月11日
    浏览(76)
  • Layui快速入门之第十三节 日期与时间选择器

    目录 一:基本用法 API 渲染 属性 弹出提示 2.8+ 获取实例 2.8+ 解除实例绑定 2.8+ 关闭日期面板 2.7+ 获取某月的最后一天 二:常规用法 三:多类型选择器  四:范围选择 五:直接静态显示 六:更多功能示例            Layui 是一个基于 jQuery 的前端UI框架,它提供了众多的

    2024年02月07日
    浏览(56)
  • JavaScript 时间戳——如何在 JS 中使用 getTime() 生成时间戳

    在 JavaScript 中,时间戳通常与Unix 时间相关联。并且有不同的方法来生成这样的时间戳。 当我们使用不同的 JavaScript 方法生成时间戳时,它们会返回自 1970 年 1 月 1 日 UTC(Unix 时间)以来经过的毫秒数。 在本文中,您将学习如何使用以下方法在 JavaScript 中生成 Unix 时间戳:

    2024年02月12日
    浏览(61)
  • 【前端】JQ实时显示当前日期、时间、星期

    效果图 html JS

    2024年02月10日
    浏览(48)
  • javascript设置指定年月日,js动态显示当前时间

    大家好,本文将围绕js中如何动态显示日期时间展开说明,javascript设置指定年月日是一个很多人都想弄明白的事情,想搞清楚js动态显示当前时间需要先了解以下几个事情。 创建showTime()函数,利用JavaScript中的Date对象的属性及方法获取时间,利用Window对象的 setInterval() 方法按

    2024年02月03日
    浏览(146)
  • JS中常用的的选择器,JavaScript获取HTML标签元素

    getElementById是JavaScript中的一个DOM方法,用于根据元素的id属性获取HTML文档中的元素。该方法接受一个字符串参数,即元素的id属性值,并返回具有该id属性值的元素。如果没有找到匹配的元素,则返回null。 以下是一个示例,演示如何使用getElementById获取页面中的元素: 在这个

    2024年02月04日
    浏览(56)
  • JavaScript中的时间日期函数new Date()(JS中5种获取时间戳的函数)

    简介: JavaScript 中的 new Date() 方法用于创建一个新的 Date 对象,该对象表示当前日期和时间。Date 对象提供了许多方法和属性,可以用于获取和设置日期和时间信息。 new Date([year, month, day, hour, minute, second, millisecond]) 其中,每个参数都是可选的。如果没有指定参数,则 new Dat

    2024年02月04日
    浏览(73)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包