【问题标题】:ionic 2 datetime display current date to future date and focused on today's dateionic 2 datetime 显示当前日期到未来日期并专注于今天的日期
【发布时间】:2017-12-29 00:12:05
【问题描述】:

我目前正在使用 ionic 2 开发应用程序。

我的问题是关于日期时间:我的 html 中有这段代码

  <ion-item>
    <ion-label stacked>Date</ion-label>
    <ion-datetime [(ngModel)]="date" formControlName="date" displayFormat="MMMM DD, YYYY" min="2017" max="2100"></ion-datetime>
  </ion-item>

结果是这个 => http://prntscr.com/fz5lx6

但我想把它集中在当前日期而不是最大日期。

如何在 ionic 2 中设置它?

非常感谢任何帮助。谢谢!

【问题讨论】:

标签: ionic2 ionic2-datetime


【解决方案1】:

[(ngModel)]="date" 是正确的做法。 现在您可以在 Typescript 文件中声明以下变量:

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

这样,您可以根据实际时间创建日期并将其格式化为&lt;ion-datetime&gt; 组件可以使用的字符串。 正确的字符串可能如下所示:

2017-07-23T09:10:19.621Z

在这种情况下,您不需要日期后面的时间,因为您只使用日期。

【讨论】:

  • 当它在formGroup 中作为formControlName 时该怎么办?
  • @AnkurShah 我认为,这不是这个问题的主题。也许考虑为此提出一个新问题。
【解决方案2】:

您可以使用与

相同的方法
myDate: String = new Date().toISOString();

并在您的 ion-datetime 中改为:

<ion-datetime displayFormat="HH:mm" pickerFormat="HH:mm" [(ngModel)]="myDate"></ion-datetime>

【讨论】:

    【解决方案3】:

    你也可以用这个

    currentDate: string = new Date().toLocaleDateString();
    

    它看起来像这样:

    01/06/2018
    

    【讨论】:

      【解决方案4】:

      我使用以下格式:

      captura : any = new Date().toISOString();  
      

      【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2019-09-03
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多