首页 > 其他分享 >vue-计算两个日期之前的天数小方法

vue-计算两个日期之前的天数小方法

时间:2024-12-25 13:56:50浏览次数:6  
标签:startDate vue return 天数 value 日期 let var endDate

需求背景

开发过程中会遇到数据量过大 从而需要日期限制  日期选择不可大于多少天

实现过程

const getDaysBetween=(date1:string, date2:string)=> {
      var startDate = Date.parse(date1);
      var endDate = Date.parse(date2);
      if (startDate > endDate) {
        return 0;
      }
      if (startDate == endDate) {
        return 1;
      }
      var days = (endDate - startDate) / (1 * 24 * 60 * 60 * 1000);
      return days;
    }

const getTimeChange = (value: any) => {
  let startTime = dayjs(value[0]).format("YYYY-MM-DD");
  let endTime = dayjs(value[1]).format("YYYY-MM-DD");
  let num = getDaysBetween(startTime, endTime);
  if(num>31){
    ElMessage.error("日期查询范围不能大于31天");
    return
  }
};

标签:startDate,vue,return,天数,value,日期,let,var,endDate
From: https://blog.csdn.net/zgx200318/article/details/144718171

相关文章

  • vue中做一个最多输入一位小数且可以为负数的输入框(包含最前面最后面为小数点及多个-符
    需求背景日常开发中会有对input做校验的需求 例如做一个只可以输入一位小数及可以为负数的输入框 这时候会出现0开头、多个--、多个小数点插入或开头结尾为小数点的情况实现过程<el-inputstyle="width:80px;"v-model="dataForm.low"......
  • Vue.js 组件开发进阶指南
    这里写目录标题引言一、组件基础回顾1.什么是Vue组件?二、动态组件开发1.使用`component`标签实现动态加载2.动态组件缓存:`<keep-alive>`三、父子组件通信进阶1.父组件向子组件传递数据:`props`2.子组件向父组件传递数据:`$emit`3.非父子组件通信:`EventBus`四......
  • 详细讲一下Vue2.x,Vue3.x,React的Vdom和Diff算法
    1.Vue的vdom和Diff1.1.Vue的实现://Vue2.x的VNode结构{tag:'div',//标签名data:{//节点数据class:'container',attrs:{id:'app'},on:{click:handler}},childr......
  • 计算机毕业设计 | SpringBoot+vue高校专业实习管理系统 大学生实训管理(附源码+论文)
    1,绪论1.1项目背景随着高等教育的快速发展,专业实习已成为培养学生实践能力、创新能力和职业素养的重要环节。然而,传统的人工管理方式存在效率低、易出错、信息不透明等问题,难以满足当前高校对专业实习管理的需求。因此,开发一套高效、便捷、智能化的高校专业实习管理系统显......
  • 计算机毕业设计 | SpringBoot+vue库存管理系统 企业采购进存销仓库管理(附源码+论文)
    1,绪论1.1选题动因在现在社会,对于信息处理方面,是有很高的要求的,因为信息的产生是无时无刻的,并且信息产生的数量是呈几何形式的增加,而增加的信息如何存储以及短时间分析检索,也是有时效性的,所以,不管是任何的企业和个人,只要需要处理信息,必然是要寻找到一个适合自己的解决方案......
  • 计算机毕业设计 | SpringBoot+vue车辆管理系统 汽车保养事故维修违章处理平台(附源码+
    1,绪论1.1研究背景近年来,第三产业发展非常迅速,诸如计算机服务、旅游、娱乐、体育等服务行业,对整个社会的经济建设起到了极大地促进作用,这一点是毋庸置疑的。现下,国家也出台了一些列的政策来支持和鼓励第三服务产业的发展与完善,用以带动社会经济的发展。所以,整体来说,国家是......
  • mysql时间戳转日期
    mysql时间戳转日期|Id|Title|DateAdded|SourceUrl|PostType|Body|BlogId|Description|DateUpdated|IsMarkdown|EntryName|CreatedTime|IsActive|AutoDesc|AccessPermission||-------------|-------------|-------------|-------------|------......
  • mysql比较日期月份_MySQL日期比较
    mysql比较日期月份_MySQL日期比较|Id|Title|DateAdded|SourceUrl|PostType|Body|BlogId|Description|DateUpdated|IsMarkdown|EntryName|CreatedTime|IsActive|AutoDesc|AccessPermission||-------------|-------------|-------------|-------......
  • Vue UI框架对比:Element UI、Ant Design Vue、iView
    VueUI框架对比:ElementUI、AntDesignVue、iView|Id|Title|DateAdded|SourceUrl|PostType|Body|BlogId|Description|DateUpdated|IsMarkdown|EntryName|CreatedTime|IsActive|AutoDesc|AccessPermission||-------------|-------------|------......
  • VSCode配置启动Vue项目
    VSCode配置启动Vue项目|Id|Title|DateAdded|SourceUrl|PostType|Body|BlogId|Description|DateUpdated|IsMarkdown|EntryName|CreatedTime|IsActive|AutoDesc|AccessPermission||-------------|-------------|-------------|-------------|--......