jquery实现单独使用laydate时间控件设置开始时间,结束时间最大最小值以及设置默认时分秒

news2024/12/28 20:25:55

在这里插入图片描述
在这里插入图片描述
因项目内 会话时间所用框架为layui 里面的laydate时间控件
具体的设置文档里面都有些
我所用的这个不是日期时间范围 而是单独的日期+时间的控件
意思就是两个是单独的
但是需要设置的是 开始最大 时间为结束时间的最小值
结束最小时间为开始结束的最大值 其余不能点击
在这里插入图片描述
当我选择了开始时间是8月15日 结束时间8月15日之前就不可选
当我选择了结束时间是8月15日 开始时间8月15日之后不可选
并且结束时间的时间点应该设置在23:59:59
代码如下:

 var start;
       //开始时间input框id
        $('#callDateTimeBegin').each(function(){
            start = laydate.render({
                elem: this, //绑定的元素
                type: 'datetime',
                range: false, //是否开日期时间范围(双日期)
                theme: '#4a99ec', //主题 墨绿
                trigger: 'click', //触发机制 必须为click 否则会出现闪退
                done: function(value, date){
                    end.config.min = {
                        year : date.year,
                        month : date.month - 1,
                        date : date.date,
                        hours : date.hours,
                        minutes : date.minutes,
                        seconds : date.seconds
                    }; //开始日选好后,重置结束日的最小日期
                }
            });
        });
        var end;
         //结束时间input框id
        $('#callDateTimeEnd').each(function(){
            end = laydate.render({
                elem:this,
                id:'text',
                value:setEndTime(), //设置点开的默认时间为当前时间 23:59:59
                isInitValue:false,
                type: 'datetime',
                range: false, //是否开日期时间范围(双日期)
                theme: '#4a99ec', //主题 墨绿
                trigger: 'click', //触发机制 必须为click 否则会出现闪退
                done: function (value, date) {
                    start.config.max = {
                        year: date.year,
                        month: date.month - 1,
                        date: date.date,
                        hours: date.hours,
                        minutes: date.minutes,
                        seconds: date.seconds
                    }; //结束日选好后,重置开始日的最大日期
                }
            });
        });
        function  setEndTime(){
            var time = new Date()
            var year = time.getFullYear();
            var month = time.getMonth() + 1;
            var day = time.getDate();
            month = month >= 10 ? month : ('0' + month);
            day = day >= 10 ? day : ('0' + day);
            var endTime = year+'-'+month+'-'+day+' '+'23:59:59'
            return endTime
        }

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/918545.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

leetcode54. 螺旋矩阵(java)

螺旋矩阵 题目描述解题 收缩法 上期经典算法 题目描述 难度 - 中等 原题链接 - leecode 54 螺旋矩阵 给你一个 m 行 n 列的矩阵 matrix ,请按照 顺时针螺旋顺序 ,返回矩阵中的所有元素。 示例1: 输入:matrix [[1,2,3],[4,5,6],[7…

潮湿对电子元器件有哪些影响?如何选择电子防潮柜?

随着科技的飞速发展,电子设备的应用越来越广泛,无论是生活、工业、农业领域随处可见各种各样的电子设备。电子设备在稳定的环境中是可以短时间存放的,但如果放置环境的湿度和温度发生较大改变,其性能会受到影响。电子设备受潮会有…

开学后运营校园跑腿小程序行不行?

校园跑腿小程序的运营是完全可行的,它为学生提供了便捷的校园代办服务。随着社会的发展和生活节奏的加快,越来越多的学生需要在学业之余处理个人事务,如购买日常用品、快递代取、打印复印文件等。传统的校园跑腿服务通常由个别学生或者组织提…

LeetCode3.无重复字符的最长子串

虽然是一道中等题,但我5分钟就写完了,而且是看完题就知道怎么写,这一看就知道双指针,一个左一个右,右指针往后移如果没有重复的长度1;如果有重复的,左指针往右移,那如何判断重复呢&a…

MyBatis相关知识

什么是MyBatis? MyBatis 是一个开源、轻量级的数据持久化框架,是 JDBC 和 Hibernate 的替代方案。MyBatis 内部封装了 JDBC,简化了加载驱动、创建连接、创建 statement 等繁杂的过程,开发者只需要关注 SQL 语句本身。 什么是持久…

SpringBoot案例-修改员工-查询回显

根据页面原型,明确需求 页面原型 需求 在员工信息栏的右侧存在一个编辑按钮,点击该按钮可以对员工信息进行修改,但是修改之前,会出现上述页面,将员工原有的信息进行展示回显。 阅读接口文档 接口文档的链接如下&am…

API接口文档利器:Swagger 和 接口调试利器:Postman

2.接口相关工具 2.1API接口文档利器:Swagger 2.1.1Swagger介绍 Swagger 是一个规范和完整的框架,用于生成、描述、调用和可视化 RESTful 风格的 Web 服务 (https://swagger.io/)。 它的主要作用是: 使得前后端分离开发更加方便&#xff0…

把握医学营养趋势 健启星加速突围

随着“健康中国”战略的提出,大健康产业上升到国家战略高度,进入高速发展期。市场数据显示,医学营养市场发展势头迅猛,年平均增速超过30%,中国医学营养市场也迎来高速发展。但目前品牌处于高度分散的状态,市…

【音视频】奇怪问题记录-执法仪引起的问题

现象 打开,关闭,再打开,反复这样操作,几次后,可能 出现(1)拉不出来(2)绿色的屏 (3)黑色的屏(如上)。 (4&am…

使用Token方式实现用户身份鉴权认证

一、什么是Token? Token,也称为“令牌”,是服务端生成的一串字符串,以作客户端进行请求的一个令牌,当第一次登录后,服务器生成一个Token便将此Token返回给客户端,以后客户端只需带上这个Token前…

基于风驱动算法优化的BP神经网络(预测应用) - 附代码

基于风驱动算法优化的BP神经网络(预测应用) - 附代码 文章目录 基于风驱动算法优化的BP神经网络(预测应用) - 附代码1.数据介绍2.风驱动优化BP神经网络2.1 BP神经网络参数设置2.2 风驱动算法应用 4.测试结果:5.Matlab代…

关于BigDecimal你不知道的那些事儿

🎈个人主页:🎈 :✨✨✨ 阳光宅猿的博客站✨ 🍟(正在建设当中,感兴趣的伙伴加v: sunsuncoder 一起交流)🍟 🔑个人信条:🔑 大道至简 知行合一🌵 🍉本…

Four Operations

一、题目 Little Ruins is a studious boy, recently he learned the four operations! Now he want to use four operations to generate a number, he takes a string which only contains digits ‘1’ - ‘9’, and split it into 5 5 intervals and add the four operat…

算法通关村十二关 | 字符串经典题目

字符串问题&#xff0c;大家记得模板思路即可&#xff0c;一个类型的题目有很多种。 1. 字符串反转的问题 1.1 反转字符串 题目&#xff1a;LeetCode344: 思路 还是我们常见的双指针问题&#xff0c; left字符数组头部指针&#xff0c;right字符数组尾部指针。当left < r…

【高危】致远A8前台上传解压漏洞 (MPS-6tdh-8qpu)

zhi.oscs1024.com​​​​​ 漏洞类型路径遍历发现时间2023-08-22漏洞等级高危MPS编号MPS-6tdh-8qpuCVE编号-漏洞影响广度广 漏洞危害 OSCS 描述 致远A8是一款企业级的办公自动化软件&#xff0c;提供全方位的企业管理解决方案。 致远A8协同管理系统在前台上传解压时存在漏洞&…

18.哈夫曼树及其应用

目录 一. 基本概念和术语 二. 哈夫曼树的构造 三. 哈夫曼编码 引例&#xff1a;将百分制成绩转换为五级制成绩&#xff1a;<60:E&#xff1b;60-69: D&#xff1b;70-79:C&#xff1b;80-89:B&#xff1b;90-100:A&#xff1b; 一个常用的算法是这样的&#xff1a; #in…

android外卖点餐界面(期末作业)

效果展示&#xff1a; AndroidMainFest.xml <?xml version"1.0" encoding"utf-8"?> <manifest xmlns:android"http://schemas.android.com/apk/res/android"xmlns:tools"http://schemas.android.com/tools"><a…

SpringBoot返回响应排除为 null 的字段

SpringBoot返回响应排除为 null 的字段 可以通过全局配置&#xff0c;使返回响应中为null的字段&#xff0c;不在出现在返回结果中。 注意&#xff1a;这样配置&#xff0c;使得返回响应包含的字段随请求结果变化&#xff0c;响应到底包含哪些字段不直观&#xff1b;除非业务…

[JavaWeb]【十】web后端开发-SpringBootWeb案例(配置文件)

目录 一、参数配置化 1.1 问题分析 1.2 问题解决&#xff08;application.properties&#xff09; 1.2.1 application.properties 1.2.2 AliOSSUtils 1.2.3 启动服务-测试 二、yml配置文件 2.1 配置格式 2.1.1 新增 application.yml 2.1.2 启动服务 2.2 XML与prope…

虚拟化技术小结

CPU时分复用原理 虚拟化本质 对底层硬件资源的复用&#xff0c;技术原理就是时分复用实现的。 原理 前提 1.CPU有很多核心&#xff0c;即core。CPU每个core同时且只能执行一个进程。 2.CPU&#xff08;core&#xff09;执行的时间可以被切分任意大小的时间片&#xff0c…