ionic4选择日期—Ionic4中调用日期以及获取日期

Ionic4中调用日期获取日期有很多方法,我们可以使用ionic内容的调用日期的插件,也可以使用Ionic的组件。下面我们给大家讲解一个最简单的ion-datetime



ion-datetime的用法:


1、找到ionic的组件




2、监听doChange事件 获取日期数据



import { Component, OnInit } from '@angular/core';

import  { ToolsService } from '../service/tools.service';
@Component({
  selector: 'app-datetime',
  templateUrl: './datetime.page.html',
  styleUrls: ['./datetime.page.scss'],
})
export class DatetimePage implements OnInit {

  public day:any;

  constructor(public tools:ToolsService) { 

    //日期转换成YYYY-MM-DD  年-月-日 
    this.day=this.tools.formatTime();   
  }

  doChange(event){

    // console.log(event);
    console.log(this.day);
  }

  ngOnInit() {

     
  }

}