ionic4中时间格式化+汉化日期控件

原创

于 2019-04-24 09:37:31 发布 · 2k 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了在Ionic4中如何进行时间格式化和日期控件的汉化，通过安装第三方插件并导入组件，将时间显示为年-月-日格式，详细步骤包括安装命令和控件展示。

第一步，安装第三方插件

在vscode终端输入该命令，安装第三方时间格式化的插件

npm i silly-datetime --save

第二步，导入组件

import sd from 'silly-datetime'

第三步，格式化时间为年-月-日

import { Component, OnInit } from '@angular/core';
import sd from 'silly-datetime'
@Component({
  selector: 'app-bill-record',
  templateUrl: './bill-record.page.html',
  styleUrls: ['./bill-record.page.scss'],
})
export class BillRecordPage implements OnInit {
  public nowMonth;//声明日期
  //自定义option，用来汉化日期
  public customPickerOptions = {
    buttons: [{
      text: '取消',
      handler: () => console.log('Clicked 取消!')
    }, {
      text: '确认',
      handler: () => {
        console.log('Clicked 确认');
        // return false; 选择日期完成后，日期控件不会消失