vue 项目中 获取本周、本月、本机、本年的第一天

在Vue项目中,常常需要处理时间控件的起始时间设置,例如设置为本月、本周、本季度或本年的第一天。本文介绍了如何实现这一功能,包括时间的格式化处理,提供了一组用于获取本周、本月、本季度和本年第一天的代码片段。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

项目中有 时间控件默认设置 起始时间为 本月第一天、截止时间是 当前日期的后一天 的需求,所以记录了一下

时间格式化:

	   //日期格式化,返回值形式为yy-mm-dd
      timeFormat: function (date) {
        if (!date || typeof(date) === "string") {
          this.error("参数异常,请检查...");
        }
        var y = date.getFullYear(); //年
        var m = date.getMonth() + 1; //月
        var d = date.getDate(); //日

        return y + "-" + m + "-" + d;
      },

本周第一天:

//获取这周的周一
function getFirstDayOfWeek (date) {

    var weekday = date.getDay()||7; //获取星期几,getDay()返回值是 0(周日) 到 6(周六) 之间的一个整数。0||7为7,即weekday的值为1-7

    date.setDate(date.getDate()-weekday+1);//往前算(weekday-1)天,年份、月份会自动变化
    return this.timeFormat(date);
}

本月第一天:

	  //获取当月第一天
      getFirstDayOfMonth: function (date) {
        date.setDate(1);
        return this.timeFormat(date);
      },

本季度第一天:

//获取当季第一天
function getFirstDayOfSeason (date) {
    var month = date.getMonth();
    if(month <3 ){
        date.setMonth(0);
    }else if(2 < month && month < 6){
        date.setMonth(3);
    }else if(5 < month && month < 9){
        date.setMonth(6);
    }else if(8 < month && month < 11){
        date.setMonth(9);
    }
    date.setDate(1);
    return this.timeFormat(date);
}

当年第一天:

//获取当年第一天
function getFirstDayOfYear (date) {
    date.setDate(1);
    date.setMonth(0);
    return this.timeFormat(date);
}

调用方法:

	setTimeFun:function () {
        var date = new Date();
        var today= this.timeFormat(date) //当前日期
        console.log("当前日期:"+today)
        
        var next = new Date(date.getTime() + 24*60*60*1000);
        var nextDate = this.timeFormat(next) //当前日期后一天
        console.log("当前日期:"+nextDate )
        
        var firstDayOfMonth = this.getFirstDayOfMonth(date) //本月第一天
        console.log("本月第一天:"+firstDayOfMonth )
		//........省略其他打印
      }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值