首页 > 其他分享 >vue:日期的相关方法

vue:日期的相关方法

时间:2024-04-15 17:13:19浏览次数:16  
标签:10 vue dd 日期 nowdate date 方法 getMonth getDate

1、获取当天日期,格式:yyyy-MM-dd

 
    getCurrentDate(n) {
      var dd = new Date();
      if (n) {
        dd.setDate(dd.getDate() - n);
      }
      var year = dd.getFullYear();
      var month =
        dd.getMonth() + 1 < 10 ? "0" + (dd.getMonth() + 1) : dd.getMonth() + 1;
      var day = dd.getDate() < 10 ? "0" + dd.getDate() : dd.getDate();
      return year + "-" + month + "-" + day;
    };

this.getCurrentDate():不带参数就是默认为当天日期

this.getCurrentDate(1):参数大于0,代表为之前的某一天

this.getCurrentDate(-1):参数小于0,代表为未来的某一天

2.获取某一天的前几天或后几天

calculateDateTime(startDate,valueTime)=>{
    var date = new Date(startDate);
    var newDate = new Date(date.getFullYear(),date.getMonth(),date.getDate()+ +valueTime);
    var Y = newDate.getFullYear();
    var M = newDate.getMonth()+1;
    M = M<10?'0'+M:M;
    var D = newDate.getDate();
    D = D<10?'0'+D:D;
    return `${Y}-${M}-${D}`;
};

4.判断提供的日期是工作日还是双休日

const isWeekday = (date) => date.getDay() % 6 !== 0;
 
// new Date(年,月,日) 0是1月,以此类推
isWeekday(new Date(2021, 0, 1)) => true // 是工作日

5. 判断指定日期是否超出当天

let curDate = new Date(new Date().toLocaleDateString()).getTime() //当天
// date是传进来的日期yyyy-MM-dd
if ( new Date(date).getTime() < curDate ) {
    // 过期
} else {
    // 未过期
}

6. 获取指定日期的前(后)几日、几月、几年

// date: 指定日期,格式为yyyy-MM-dd
// type: 天、周、月、年
// number: 几
// separator: 分隔符
function getDate(date, type=null,number=0, separator="") {
    let nowdate = new Date(date);
    let y ='',m='',d = ''
    switch (type) {
        case "day":   //取number天前、后的时间
            nowdate.setTime(nowdate.getTime() + (24 * 3600 * 1000) * number);
            y = nowdate.getFullYear();
            m = nowdate.getMonth() + 1 < 10 ? '0' + (nowdate.getMonth() + 1) : nowdate.getMonth() + 1;
            d = nowdate.getDate() < 10 ? '0' + nowdate.getDate() : nowdate.getDate();
            break;
        case "week":  //取number周前、后的时间
            weekdate = new Date(nowdate + (7 * 24 * 3600 * 1000) * number);
            y = weekdate.getFullYear();
            m = weekdate.getMonth() + 1 < 10 ? '0' + (nowdate.getMonth() + 1) : nowdate.getMonth() + 1;
            d = weekdate.getDate() < 10 ? '0' + nowdate.getDate() : nowdate.getDate();
            break;
        case "month":  //取number月前、后的时间
            nowdate.setMonth(nowdate.getMonth() + number);
            y = nowdate.getFullYear();
            m = nowdate.getMonth() + 1 < 10 ? '0' + (nowdate.getMonth() + 1) : nowdate.getMonth() + 1;
            d = nowdate.getDate() < 10 ? '0' + nowdate.getDate() : nowdate.getDate();
            break;
        case "year":  //取number年前、后的时间
            nowdate.setFullYear(nowdate.getFullYear() + number);
            y = nowdate.getFullYear();
            m = nowdate.getMonth() + 1 < 10 ? '0' + (nowdate.getMonth() + 1) : nowdate.getMonth() + 1;
            d = nowdate.getDate() < 10 ? '0' + nowdate.getDate() : nowdate.getDate();
            break;
        default:     //取当前时间
            y = nowdate.getFullYear();
            m = nowdate.getMonth() + 1 < 10 ? '0' + (nowdate.getMonth() + 1) : nowdate.getMonth() + 1;
            d = nowdate.getDate() < 10 ? '0' + nowdate.getDate() : nowdate.getDate();
    }
    return y + separator + m + separator + d;
}

7. 获取当天为星期几

fmtWeekDay(date){
    if(date === "--"){
        return "--";
    }
    let dt = new Date(date.split("-")[0], date.split("-")[1] - 1,date = date.split("-")[2]);
    let weekDay = ["星期天", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
    return weekDay[dt.getDay()];
},

 

标签:10,vue,dd,日期,nowdate,date,方法,getMonth,getDate
From: https://www.cnblogs.com/yn-cn/p/18136470

相关文章

  • 导入自定义板块的方法
         ......
  • C# 异或校验两种方法
    12publicbyteGetXor(byte[]data)3{4byteCheckCode=0;5intlen=data.Length;6for(inti=0;i<len;i++)7{8CheckCode^=data[i];9......
  • vue2项目 network无法访问此网站
    vue2项目启动后,local可以访问,但是network不能访问防火墙等等都检查了查到原因如下:本来写的是这样,实际上端口号需要保持一致devServer:{disableHostCheck:true,open:true,host:'0.0.0.0',port:8002,https:false,hotOnly:false,public......
  • arm-linux-gcc 交叉编译工具链使用方法
    参考文献:[野火]嵌入式Linux基础与应用开发实战指南安装交叉编译工具链有如下三种方式:直接在Ubuntu下使用APT包管理工具下载安装。自行下载第三方制作好的工具链。使用crosstool-ng根据需要自己制作。在开发中比较多的开发者对所有程序都直接用arm-linux-gnueabihf-gc......
  • vue指令中的import不生效,如何在指令中使用import { useBaseStore, useLocalStore } fr
    在Vue指令中,不能直接使用父组件中的导入语句和变量。指令是在模板编译阶段执行的,而不是在JavaScript的运行时执行的。因此,无法在指令中直接访问父组件的导入和变量。在Vue指令中,不能直接使用ES6的import语法,因为指令是在模板编译阶段执行的,而不是在JavaScript的运行......
  • Vue中的this.$options.data()和this.$data
    Vue中的this.$options.data()和this.$data:https://blog.csdn.net/mocoe/article/details/89682022?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522171316202916800178541038%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request_id=171316......
  • Kafka消息可视化工具:Offset Explorer(原名kafka Tool)的使用方法【转】
    OffsetExplorer(以前称为KafkaTool)是一个用于管理和使用ApacheKafka®集群的GUI应用程序。它提供了一个直观的界面,允许用户快速查看Kafka集群中的对象以及集群主题中存储的消息。它包含面向开发人员和管理员的功能。一些主要功能包括:快速查看所有Kafka集群,包括其代理,主题和......
  • 迅雷自动续费关闭方法2则
    没忍住,0.01元开了七天的svip。当然,开了之后的第一件事,就是把自动续费关掉。有以下两个方法:方法一:微信上取消(支付宝同理)1.找到【微信支付】中的这条消息,点进去;2.点进后,是类似这个界面,关闭自动扣费服务即可。3.关闭后,会收到如下提示 二、迅雷支付中心取消1.进入并登录迅......
  • 若依解决VUE前端时间显示问题
    参考:https://blog.csdn.net/qq_43544074/article/details/119139313#:~:text=%E6%97%A0%E6%B3%95%E6%AD%A3%E7%A1%AE%E7%9A%84%E6%98%BE%E7%A4%BA%E6%97%B6%E9%97%B4%E3%80%82%20%E8%A7%A3%E5%86%B3%E5%A6%82%E4%B8%8B%EF%BC%9A%201%E3%80%81%E5%9C%A8%E5%90%8E%E7%AB%AF%E4%BB......
  • 一种融合指代消解序列标注方法在中文人名识别上的应用(下)
    二、使用了BERT模型和指代消解算法:加入BERT语言预处理模型,获取到高质量动态词向量。融入指代消解算法,根据指代词找出符合要求的子串/短语。【2】融入指代消解算法,根据指代词找出符合要求的子串/短语指代消解算法如图2所示,简单来说,就是考虑文档中子串/短语以及学习子......