js比较两个日期与时间的大小以及日期对象的常用用法

需求背景：

现在多数 APP 在 home 页面会有一些日常问候语，比如：早上好！/ 上午好! / 晚上好！/ 六一儿童节快乐，等等之类的。一般类似于这种需求，后台都会返回一个数组，每个数组里包含一个对象，每个对象又有起始时间（可能就是一个时间的字符串，如：01：00：00）与结束时间，以及一个日期来告诉客户端是否是节日。

思路：

###针对上面这种需求，伪代码如下：

• 判断是否是节日？如果是节日就显示节日问候语并直接 return，如果不是就继续下一步显示日常问候语；
• 日常问候语，一般分三个时间段：
  • 05：00：00 -- 11：59：59 早上
  • 12：00：00 -- 16：59：59 下午
  • 17：00：00 -- 04：59：59 晚上
• 观察时间范围，可获取当前时间 currentTime ，找出 currentTime 在时间范围的那个对象，然后获取该对象的问候语。可是发现晚上这个时间，结束时间是小于起始时间，所以还要加一个条件： currentTime 大于晚上的起始时间，而且起始时间大于结束时间。
• 思路大概就是这样，现在通过代码来演示：

代码：

• test() 一个测试方法，调用封装的方法（可以写在工具类中）

test() {
    // compare two date
    let currentDate = new Date().toISOString();
    let startdate = "2021-05-04T00:00:00";
    let enddate = "2021-05-04T23:59:59";
    let compareStartDate= this. compDateTime(startdate,currentDate,'s');
    let compareEndDate = this. compDateTime(currentDate,enddate,'s');
    console.log('compareStartDate:'+compareStartDate + '--compareEndDate:'+compareEndDate);
    //值为正，说明第二个时间大于第一个时间，compareStartDate:57195--compareEndDate:403, currentDate为2021-05-04T23:50:50

    // compare two time 
    let starttime = "05:00:00";
    let endtime = "11:59:59";
    let currentHours = this.formatDateTime(new Date(),'hours');
    let compStarttime = this.compareHoursTime(starttime, currentHours);
    let compEndtime = this.compareHoursTime(currentHours, endtime);
    console.log('compStarttime:'+compStarttime + '--compEndtime:'+compEndtime);
    //compStarttime:false--compEndtime:true，currentDate为2021-05-04T23:50:50

}

常用方法封装：

• 常用日期格式化方式：

formatDateTime(date: any, pattern: string, lang?: string): string | null {
    let isEN = (lang || moment.locale()) === 'en';

    if (pattern === 'iso8601') {
        pattern = 'YYYY-MM-DDTHH:mm:ssZ';
    } else if (pattern === 'shortDate') {
        pattern = 'DD/MM/YYYY';
    } else if (pattern === 'longDate') {
        pattern = isEN ? 'DD MMM YYYY' : 'DD/MM/YYYY';
    } else if (pattern == 'wholeDate') {
        pattern = isEN ? 'DD MMMM YYYY' : 'YYYY年MM月DD日';
    } else if (pattern == 'datetime') {
        pattern = isEN ? 'DD MMM YYYY HH:mm:ss z' : 'z YYYY年MM月DD日 HH:mm:ss';
    } else if (pattern == 'datetimeWithoutSecond') {
        pattern = isEN ? 'DD MMM YYYY HH:mm z' : 'z YYYY年MM月DD日 HH:mm';
    } else if (pattern == 'simpleDatetime') {
        pattern = 'DD MMM YYYY HH:mm z';
    } else if (pattern == 'time') {
        pattern = 'HH:mm';
    } else if (pattern == "date") {
        pattern = isEN ? 'DD MMM YYYY' : 'YYYY年MM月DD日';
    } else if (pattern == "yearMonth") {
        pattern = isEN ? 'MMM YYYY' : 'YYYY年MM月';
    } else if (pattern == "hours") {
        pattern = 'HH:mm:ss';
    } 
    
    if(lang) {
        return moment.tz(date, 'Asia/Shen_Zhen').locale(lang).format(pattern).replace('SZT', '深圳时间');
    } else {
        return moment.tz(date, 'Asia/Shen_Zhen').format(pattern).replace('SZT', '深圳时间');
    }
}

• 比较两个日期大小的方法, 第二个日期大于第一个日期的话，就返回正值，否则返回负值：

compDateTime(fromDate: any = new Date(), toDate: any = new Date(), unit: string): number {
    let timezone = new Date().getTimezoneOffset();
    console.log('timezone:'+timezone);
    const fromDateMoment = moment.tz(fromDate, 'Asia/Shen_Zhen');
    const toDateMoment = moment.tz(toDate, 'Asia/Shen_Zhen');
    return toDateMoment.diff(fromDateMoment, unit);
}

• 比较两个时间大小方法，第一个时间大于第二个时间的话，就返回 true，否则返回 false：

compareHoursTime(oneHours: any, anotherHours: any) {
    if (oneHours && anotherHours){
        let date = new Date();
        let one = date.setHours(oneHours.split(':')[0],oneHours.split(':')[1],oneHours.split(':')[2]);
        let another = date.setHours(anotherHours.split(':')[0],anotherHours.split(':')[1],anotherHours.split(':')[2]);
        return one > another;
    } 
    
}

• 传入一个年月日加上时间的日期转化为，ISOString 类似的日期格式：

convertDateTime(date: Date, time: Date): Date {
    return moment(moment(date).format('YYYYMMDD') + 'T' + moment(time).format('HHmmss')).toDate();
}

• 字符串格式日期转化为 Date 格式：

parseDateTimeFromDateString(dateStr: string, pattern: string): Date {
    if (pattern === 'iso8601') {
        pattern = 'YYYY-MM-DDTHH:mm:ssZ';
    } else if (pattern === 'shortDate') {
        pattern = 'DD/MM/YYYY';
    } else if (pattern === 'longDate') {
        pattern = 'DD MMM YYYY';
    } else if (pattern == 'datetime') {
	 pattern = 'DD MMM YYYY HH:mm:ss';
    }

    let currentLocale = moment.locale();
    moment.locale('en');
    let result = moment.tz(dateStr, pattern, TIMEZONE).toDate()
    moment.locale(currentLocale);
    
    return result;
}

• 判断是否是今天:

isToday(date: Date): boolean {
    const dtFormat = 'shortDate';

    let now = this.formatDateTime(new Date(), dtFormat);
    let compare = this.formatDateTime(date, dtFormat);

    return now.localeCompare(compare) === 0;
}

• 日期数组中，找出最小日期的元素：

minDate(list: Date[]): Date | null {
    if(list.length === 0) return null;
    return list.reduce((minDate, date) => date.getTime() < minDate.getTime() ? date : minDate, list[0]);
}

• 日期数组中，找出最大日期的元素：

maxDate(list: Date[]): Date | null {
    if(list.length === 0) return null;
    return list.reduce((maxDate, date) => date.getTime() > maxDate.getTime() ? date : maxDate, list[0]);
}

结语

以上就是 Date 对象的简单总结，如果讲述有什么错误，欢迎留言评论，互相交流学习，码子码图不易，转载请注明出处，谢谢。