javascript - How to set default date in ion-datetime in Ionic 2 - Stack Overflow

admin管理员组

文章数量:1391999

On my page.html form, I have ion-datetime field, on clicking it, Ionic calendar is opened to select the required date. I want it to show current date when my form is opened. I am trying with the below code but it is still showing blank field.

page.html code:

  <ion-datetime displayFormat="DD/MM/YYYY" name="myDate" [(ngModel)]="myDate"></ion-datetime>

page.ts code:

 public myDate=new Date();

How can I show current date on my HTML page?

On my page.html form, I have ion-datetime field, on clicking it, Ionic calendar is opened to select the required date. I want it to show current date when my form is opened. I am trying with the below code but it is still showing blank field.

page.html code:

  <ion-datetime displayFormat="DD/MM/YYYY" name="myDate" [(ngModel)]="myDate"></ion-datetime>

page.ts code:

 public myDate=new Date();

How can I show current date on my HTML page?

• javascript
• typescript
• datetime
• ionic-framework
• ionic2

Share Improve this question Follow edited Apr 26, 2020 at 10:28 halfer 20.4k1919 gold badges109109 silver badges202202 bronze badges asked Nov 28, 2017 at 8:36 user2828442user2828442 2,52577 gold badges6767 silver badges120120 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 7

You need to provide date in the form of ISO 8601 Datetime Format: YYYY-MM-DDTHH:mmZ as per the documentation.

Set your initial date as:

public myDate:string=new Date().toISOString();

本文标签： javascriptHow to set default date in iondatetime in Ionic 2Stack Overflow