前言：

  因为订餐项目手机端的需求，有一个界面需要设置成点击按钮实现日期变动界面数据随着日期变动而动，因为不想使用ionic的日期控件来编写（主要是太麻烦了），因此自己通过查阅资料使用了ionic的方法实现了，现在代码就给大家贴出来供大家使用

实现效果：

代码

  TS代码

import { Component, OnInit } from '@angular/core';
import sd from 'silly-datetime';
import { Data } from '@angular/router';

@Component({
  selector: 'app-datetime',
  templateUrl: './datetime.page.html',
  styleUrls: ['./datetime.page.scss'],
})
export class DatetimePage implements OnInit {
  day = '2019-02-14';
  public Nowday;
  public SelectDay = new Date();
  public SelectNextDay: Date;
 
  ngOnInit() {
  }
  datetimeChange(e) {

    console.log(e.detail.value);
  }
  onClick() {

    this.SelectNextDay = sd.format(this.SelectDay.setDate(this.SelectDay.getDate() + 1), 'YYYY-MM-DD');

    console.log(this.SelectNextDay);
  }

}

代码里边我声明了两个变量  SelectDay  和SelectnextDay  ,然后在代码中借助 getDate() 方法获取当前日期然后 再通过 setDate() 方法来设置计算后的日期，最后通过format方法设置日期格式将计算好的日期转一下格式就可以，但是使用format方法需要引用 import sd from 'silly-datetime'; 否则无法使用format方法！