Angular6 项目开发常用时间组件服务

一、利用Angular 命令行工具生成一个服务。

　　详情见：《Angular环境搭建》，服务代码如下：

import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root'
})
export class TimeutilProvider {

  private today: Date;
  private year: String;
  private mouth: String;
  private date: String;
  private hours: String;
  private minutes: String;
  private seconds: String;
  private milliseconds: String;
  private week:number;
  private weekday:Array<string> =["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
  constructor () {
    this.today = new Date();
    this.year = this.today.getFullYear().toString();
    this.mouth = (this.today.getMonth() + 1).toString();
    this.date = this.today.getDate().toString();
    this.hours = this.today.getHours().toString();
    this.minutes = this.today.getMinutes().toString();
    this.seconds = this.today.getSeconds().toString();
    this.milliseconds = this.today.getMilliseconds().toString();

    this.week = this.today.getDay();

    if (Number(this.mouth) < 10) {
      this.mouth = '0' + this.mouth;
    } else {
    }
    if (Number(this.date) < 10) {
      this.date = '0' + this.date;
    } else {
    }
    if (Number(this.hours) < 10) {
      this.hours = '0' + this.hours;
    } else {
    }
    if (Number(this.minutes) < 10) {
      this.minutes = '0' + this.minutes;
    } else {
    }
    if (Number(this.seconds) < 10) {
      this.seconds = '0' + this.seconds;
    }
    if (10 > Number(this.milliseconds)) {
      this.milliseconds = '00' + this.milliseconds;
    } else if ((10 <= Number(this.milliseconds)) && (100 > Number(this.milliseconds))) {
      this.milliseconds = '0' + this.milliseconds;
    } else {
      // dothing
    }
  }

  //返回当前星期
  currentWeek(){
    return this.weekday[this.week].toString();
    // this.week.toString();
  }

  //20190306115830234格式
  currentTime() {
    return this.year + '' + this.mouth + '' + this.date + '' + this.hours + '' + this.minutes + '' + this.seconds + '' + this.milliseconds;
  }

  //一般用于生成唯一标识，例如uuid
  currentTime_id() {
    // 三位随机数以免重复
    const random = (Math.random() * 100000000000000000).toString().substr(0, 3);
    
    return this.year + '' + this.mouth + '' + this.date + ''
    + this.hours + '' + this.minutes + '' + this.seconds + '' + this.milliseconds + random;
  }

  //2019-03-06 11:59格式
  currentTime_datestyle() {
    return this.year + '-' + this.mouth + '-' + this.date + ' ' + this.hours + ':' + this.minutes + '';
  }

  //2019-03-06 11:59:30格式
  currentTime_datesecondsstyle() {
    return this.year + '-' + this.mouth + '-' + this.date + ' ' + this.hours + ':' + this.minutes + ':' + this.seconds;
  }
  
  
  // currentTime_date(){
  //   return this.year + '-' + this.mouth + '-' + this.date;
  // }

  // 返回当前时间"10:25:34"格式
  currentTime_time(){
    let now=new Date();
    let year  = (now.getFullYear()).toString();
    let month = (now.getMonth()+1).toString();
    let date  = (now.getDate()).toString();
    let hour  = (now.getHours()).toString();
    let minute= (now.getMinutes()).toString();
    let second= (now.getSeconds()).toString();

    if (Number(month) < 10) {
          month = '0' + month;
    } else {
    }
    if (Number(date) < 10) {
          date = '0' + date;
    } else {
    }
    if (Number(hour) < 10) {
          hour = '0' + hour;
    } else {
    }
    if (Number(minute) < 10) {
          minute = '0' + minute;
    } else {
    }
    if (Number(second) < 10) {
          second = '0' + second;
    }

    return hour + ':' + minute + ':' + second;
  }

  

  //将当前时间转化为消息类型时间，2019.03.06 11:56:30格式
  convertToDate_msgTimestamp(nows){
    let now=new Date(nows);
    let year  = (now.getFullYear()).toString();
    let month = (now.getMonth()+1).toString();
    let date  = (now.getDate()).toString();
    let hour  = (now.getHours()).toString();
    let minute= (now.getMinutes()).toString();
    let second= (now.getSeconds()).toString();

    if (Number(month) < 10) {
          month = '0' + month;
    } else {
    }
    if (Number(date) < 10) {
          date = '0' + date;
    } else {
    }
    if (Number(hour) < 10) {
          hour = '0' + hour;
    } else {
    }
    if (Number(minute) < 10) {
          minute = '0' + minute;
    } else {
    }
    if (Number(second) < 10) {
          second = '0' + second;
    }
      return year+"."+month+"."+date+" "+hour+":"+minute+":"+second; 
  }

  //2019-03-06 11:56:30格式
  convertToDate_timestamp(nows){
    var now=new Date(nows);
    var year  = (now.getFullYear()).toString();
    var month = (now.getMonth()+1).toString();
    var date  = (now.getDate()).toString();
    var hour  = (now.getHours()).toString();
    var minute= (now.getMinutes()).toString();
    var second= (now.getSeconds()).toString();

    if (Number(month) < 10) {
          month = '0' + month;
    } else {
    }
    if (Number(date) < 10) {
          date = '0' + date;
    } else {
    }
    if (Number(hour) < 10) {
          hour = '0' + hour;
    } else {
    }
    if (Number(minute) < 10) {
          minute = '0' + minute;
    } else {
    }
    if (Number(second) < 10) {
          second = '0' + second;
    }
      return year+"-"+month+"-"+date+" "+hour+":"+minute+":"+second; 
  }


  //将消息时间格式转化为时间戳格式
  convertTotimestamp(date:string){
    return date.replace(".","-");
  }


  //将消息时间格式转化为Date类型
  convertMsgtimeToDate(date:string){
    //date = "2018.11.01 10:00:00";
    date.replace(".","-");
    return new Date(date)
  }

  //将时间戳格式日期转化为Date类型
  convertTimestampToDate(date:string){    
    return new Date(date)
  }

  //获取当前时间前一天时间
  getYestardayTime(){
   return new Date(new Date().getTime() - 24*60*60*1000); 
  }

  //返回当前日期“2018-02-03”格式
  currentTime_daystyle() {
      return this.year + "-" + this.mouth + "-" + this.date + " ";
  }

  //返回当前时间前一天时间“2018.02.03”格式
  currentPreviousTime_daystyle() {
    let previousDate = new Date(new Date().getTime() - 24*60*60*1000); 
    var year  = (previousDate.getFullYear()).toString();
    var month = (previousDate.getMonth()+1).toString();
    var date  = (previousDate.getDate()).toString();
    if (Number(month) < 10) {
      month = '0' + month;
    } else {
    }
    if (Number(date) < 10) {
          date = '0' + date;
    } else {
    }

    return year + "." + month + "." + date + " ";
  }
}

二、时间服务的使用

　　1.在要是用的组建构造函数中依赖注入，如下图：　

constructor(private timeutil : TimeutilProvider) {
     //调用方法
     console.log("id:",this.timeutil.currentTime_id(););
}