Ionic 如何使用离子显示器显示当前日期和时间

2sbarzqh 于 2022-12-08 发布在 Ionic

关注(0)|答案(3)|浏览(111)

这里我尝试使用一个离子框架开发一个移动的应用程序。我想在我的应用程序中设置当前时间和日期。但是它没有工作。有人能帮助我解决这个问题吗？这是我的代码。
HTML程式码

<ion-datetime
#dateTime
displayFormat="MMM DD, YYYY HH:mm"
formControlName="myDate"></ion-datetime>

测试代码

export class App{
@ViewChild('dateTime') dateTime;

 form: FormGroup
 myDate: FormControl = new FormControl('', Validators.required)

 constructor(private fb: FormBuilder) {}

 ngOnInit() {
this.form = this.fb.group({
  myDate: this.myDate
});

setTimeout(_ => {
  this.dateTime.setValue(new Date().toISOString());
  });
}
 }

ionic-framework

来源：https://stackoverflow.com/questions/69386953/how-to-display-current-date-and-time-using-ionic

3条答案

按热度按时间

1szpjjfi1#

是否尝试过使用[value]属性而不是ViewChild？请尝试执行以下操作：

<ion-content>
  <ion-datetime [value]="dateTime" displayFormat="MMM DD, YYYY HH:mm" ></ion-datetime>
</ion-content>

在ts文件中：

dateTime;

  constructor() { }

  ngOnInit() {
    setTimeout(() => {
      this.dateTime = new Date().toISOString();
    });
  }

这对我有用！

赞(0）回复(0）举报 2022-12-08

qq24tv8q2#

我试过从谷歌找到的另一个代码，它工作得很完美。
HTML语言

<ion-item>
<ion-datetime min="2021" max={{currentDate}} displayFormat= "DD/MM/YYYY  h:mm A" 
  [(ngModel)]="chosenDate"></ion-datetime>
</ion-item>
<p> Current date is {{currentDate}}</p>
<p> Chosen date is {{chosenDate}}</p>

ts.code

export class App implements OnInit {
 public currentDate: String;
 public chosenDate: String;
 constructor(public navCtrl: NavController,private platform:Platform) {
   this.currentDate = (new Date()).toISOString();
   this.chosenDate = this.currentDate;
  });
 }
}

赞(0）回复(0）举报 2022-12-08

x7yiwoj43#

要显示当前日期，请尝试以下操作。
home.ts

export class HomePage {

  public currentDate: string;

  constructor() {
    this.currentDate = (new = Date()).toISOString();
  }
}

home.html

<ion-item>
  <ion-label>Current date is {{currentDate | date: 'dd/MM/yyyy'}}</ion-label>
</ion-item>

赞(0）回复(0）举报 2022-12-08

我来回答

Ionic 如何使用离子显示器显示当前日期和时间

3条答案

相关问题

热门标签

最新问答