还款日历(一)

 

 

 

 

知识点

一、日期操作

//获取天
formatDay(date) {
  date = new Date(date);
  return date.getDate();
},

formatMonth(date){
  date = new Date(date);
  return date.getMonth()*1+1;
},
formatYear(date){
  date = new Date(date);
  return date.getFullYear();
},
formatWeek(date){
  date = new Date(date);
  return date.getDay();
},

//日期格式y-m-d
formatDate (year, month, day) {
  const y = year
  let m = month
  if (m < 10) m = `0${m}`
  let d = day
  if (d < 10) d = `0${d}`
  return `${y}-${m}-${d}`
},
//日期格式y/m/d

dateFormat: function (date) {
    date = new Date(date)
    return date.getFullYear() + '/' + (date.getMonth() + 1) + '/' + date.getDate()
},

//某月的天数
getDaysInOneMonth: function (date) {
    const year = date.getFullYear()
    const month = date.getMonth() + 1
    const d = new Date(year, month, 0)
    return d.getDate()
},

//向前空几个
getMonthweek: function (date) {
    const year = date.getFullYear()
    const month = date.getMonth() + 1
    const dateFirstOne = new Date(year + '/' + month + '/1')
    return dateFirstOne.getDay() == 0 ? 0 : dateFirstOne.getDay()
}，

    /**
     * 获取当前日期上个月或者下个月
    */
    getOtherMonth: function (date, str = 'nextMonth') {
        const timeArray = this.dateFormat(date).split('/')
        const year = timeArray[0]
        const month = timeArray[1]
        const day = timeArray[2]
        let year2 = year
        let month2
        if (str === 'nextMonth') {
            month2 = parseInt(month) + 1
            if (month2 == 13) {
                year2 = parseInt(year2) + 1
                month2 = 1
            }
        } else {
            month2 = parseInt(month) - 1
            if (month2 == 0) {
                year2 = parseInt(year2) - 1
                month2 = 12
            }
        }
        let day2 = day
        const days2 = new Date(year2, month2, 0).getDate()
        if (day2 > days2) {
            day2 = days2
        }
        if (month2 < 10) {
            month2 = '0' + month2
        }
        if (day2 < 10) {
            day2 = '0' + day2
        }
        const t2 = year2 + '/' + month2 + '/' + day2
        return new Date(t2)
    },
    //上个月末尾的一些日期
    getLeftArr: function (date) {
        let arr = []
        const leftNum = this.getMonthweek(date)
        const num = this.getDaysInOneMonth(this.getOtherMonth(date, 'preMonth')) - leftNum + 1
        const preDate = this.getOtherMonth(date, 'preMonth')
        //上个月多少开始
        for (let i = 0; i < leftNum; i++) {
            const nowTime = preDate.getFullYear() + '/' + (preDate.getMonth() + 1) + '/' + (num + i)
            arr.push({
                id: num + i,
                date: nowTime,
                isToday: false,
                otherMonth: `preMonth`
            })
        }
        return arr
    },
    //下个月末尾的一些日期
    getRightArr: function (date) {
      // console.info('getRightArr',date.getFullYear() * 1,date.getMonth() * 1 + 1);
        let arr = [];
        // const nextDate = this.getOtherMonth(date, 'nextMonth');
      const nextDate = new Date(date.getFullYear() + '/' + (date.getMonth() * 1 + 1) + '/01');
        var cacheDate = new Date();
        cacheDate.setTime(nextDate.getTime()+this.getDaysFromYearAndMonth(nextDate.getFullYear(),nextDate.getMonth()*1+1)*24*60*60*1000)
        if (this.getMonthweek(cacheDate) == 0){
          return arr;
        }
        // console.info('getRightArr',cacheDate.getMonth() * 1 + 1);
        // console.info('getRightArr',this.getMonthweek(cacheDate));
        const _length = 7 - this.getMonthweek(cacheDate);
        for (let i = 0; i < _length; i++) {
            const nowTime = cacheDate.getFullYear() + '/' + (cacheDate.getMonth() + 1) + '/' + (i + 1);
            arr.push({
                id: i + 1,
                date: nowTime,
                isToday: false,
                otherMonth: `nextMonth`
            });
        }
        return arr;
    },

    //从指定的年月获取这个月上一个月的天数
    getPreMonthDayFromYearAndMonth:function (year,month) {
      if (!year || !month){
        return ;
      }
      var cacheDate = new Date(year + '/' + month +'/01');
      cacheDate.setTime(cacheDate.getTime() - 24 * 60 * 60 * 1000);
      return this.getDaysFromYearAndMonth(cacheDate.getFullYear(),cacheDate.getMonth() * 1+1);

    },
    //从指定的年月获取这个月下一个月的天数
    getNextMonthDayFromYearAndMonth:function (year,month) {
      if (!year || !month){
        return ;
      }
      var cacheDate = new Date(year + '/' + month + this.getDaysFromYearAndMonth(year,month));
      cacheDate.setTime(cacheDate.getTime() + 24 * 60 * 60 * 1000);
      return this.getDaysFromYearAndMonth(cacheDate.getFullYear(),cacheDate.getMonth() * 1+1);

    },
    //从指定的年月获取这个月的天数
    getDaysFromYearAndMonth:function (year,month) {
      if (year > 9999 || year<0 || month >12 || month < 1){
        return 0;
      }
      //二月特殊月
      if (month == 2){
        //闰年
        if ((year%4 == 0 && year % 100 != 0) || (year % 400 == 0)){
          return 29;
        }
        return 28;
      }
      return [0,31,30,31,30,31,30,31,31,30,31,30,31][month];
    },

    getNextMonthDateFromYearAndMonth:function (year,month) {
      if (!year || !month){
        return
      }
      var currentDays = this.getDaysFromYearAndMonth(year,month);
      var currentDate = new Date(year + '/' + month +'/'+currentDays);
      currentDate.setTime(currentDate.getTime()+24* 60 * 60 * 1000);
      return currentDate;
    },

    getPreMonthDateFromYearAndMonth:function (year,month) {
      if (!year || !month){
        return
      }
      var currentDate = new Date(year + '/' + month +'/'+'01');
      currentDate.setTime(currentDate.getTime()-24* 60 * 60 * 1000);
      return currentDate;
    },

    //获取某月的列表不包括上月和下月
    getMonthListNoOther: function (date) {
        let arr = [];
        const num = this.getDaysInOneMonth(date);
        const year = date.getFullYear();
        const month = date.getMonth() + 1;
        let toDay = this.dateFormat(new Date())

        for (let i = 0; i < num; i++) {
            const nowTime = year + '/' + month + '/' + (i + 1)
            arr.push({
                id: i + 1,
                date: nowTime,
                isToday: toDay === nowTime,
                otherMonth: `nowMonth`
            })
        }
        return arr;
    },
    getWeekNoother:function(date){
      let arr = [];
      const ww = date.getDate();
      const year = date.getFullYear();
      const month = date.getMonth() + 1;
      let toDay = this.dateFormat(new Date())

      for (let i = ww; (i < ww+7)&&(this.getDaysInOneMonth(date)>i); i++) {
          const nowTime = year + '/' + month + '/' + (i + 1)
          arr.push({
              id: i + 1,
              date: nowTime,
              isToday: toDay === nowTime,
              otherMonth: `nowMonth`
          })
      }
      return arr;
    },
    //获取某月的列表 用于渲染
    getMonthList: function (date) {
        return [...this.getLeftArr(date), ...this.getMonthListNoOther(date), ...this.getRightArr(date)]
    },

    //获取某年月的第一周所在的周日历
    getWeekListByYearAndMonth:function (year,month) {
      var retArray = new Array();
      var preMonthDate = new Date(year + '/' + month + '/01');
      var leftArray = this.getLeftArr(preMonthDate);
      // console.info(leftArray);
      for (var i = 0;i<leftArray.length;i++){
        var obj = new Object();
        var date1 = new Date(leftArray[i].date.replace('-','/'));
        obj.date =  leftArray[i].date.replace('-','/');
        obj.otherMonth = 'preMonth';
        obj.id = date1.getDate();
        retArray.push(obj);
      }
      for (var i = 0; i< 7-leftArray.length;i++){
        var obj = new Object();
        obj.date = preMonthDate.getFullYear() + '/' + (preMonthDate.getMonth() * 1 + 1) +'/' + (i + 1);
        obj.id = i + 1;
        if ( i == 0){
          obj.chooseDay = true;
        }
        obj.otherMonth = 'nowMonth';
        retArray.push(obj);
      }
      return retArray;
    },

    //获取某年月日的第一周所在的周日历
    getWeekListByYearAndMonthAndDay:function (year,month,day) {
      // console.info('getWeekListByYearAndMonthAndDay:',year + '/' + month + '/' + day);
      var curDate = new Date(year + '/' + month + '/' + day);
      //此日期左边的日期数量
      var leftNum = curDate.getDay();
      //获取上个月的日期数量
      var preMonthDays = this.getPreMonthDayFromYearAndMonth(year,month);
      var currentDays = this.getDaysFromYearAndMonth(year,month);
      var preMonthDate = this.getPreMonthDateFromYearAndMonth(year,month);
      var nextMonthDate = this.getNextMonthDateFromYearAndMonth(year,month);
      var retItemArray = new Array();
      //左边的日期数组
      for (var i = leftNum ;i>0;i--){
        var obj = new Object();
        var cacheDay = day*1 - i;
        if (cacheDay <= 0){
           obj.date = preMonthDate.getFullYear() +'/' + (preMonthDate.getMonth() * 1 + 1) +'/' + (preMonthDays + cacheDay);
          obj.id = preMonthDays + cacheDay ;
        }else {
           obj.date = year + '/' + month + '/' + cacheDay;
           obj.id = cacheDay;
        }
        obj.chooseDay = false;
        obj.otherMonth = 'preMonth';
        retItemArray.push(obj);
      }
      //当前日期对象
      var curObj = new Object();
      curObj.date = year + '/' + month + '/' + day;
      curObj.chooseDay = true;
      curObj.id = day;
      retItemArray.push(curObj);
      curObj.otherMonth = 'nowMonth';
      //右边的日期数组

      var rightNum = 7 - leftNum - 1 ;
      for (var i = 0;i<rightNum ; i++){
        var obj = new Object();
        var cacheDay = day * 1 + i + 1;
        if(cacheDay > currentDays){
          obj.date = nextMonthDate.getFullYear() + '/' + (nextMonthDate.getMonth() * 1 + 1)+'/' + (cacheDay - currentDays);
          obj.id = cacheDay - currentDays;
        }else {
          obj.date = year + '/' + month + '/' + cacheDay;
          obj.id= cacheDay;
        }
        obj.chooseDay = false;
        obj.otherMonth = 'nextMonth';
        retItemArray.push(obj);
      }
      return retItemArray;
    },
}