甚至无法让 Ionic 日期时间选择器工作和显示答案

【问题标题】：Can't get Ionic's datetime picker to work and showup even甚至无法让 Ionic 日期时间选择器工作和显示
【发布时间】：2017-04-03 05:21:02
【问题描述】：

我正在 VS 中使用 ionic+angular+cordova 制作移动应用程序。而且我想使用他们在文档中的简单日期时间选择器，包括年、月和日。就像那些看起来像原生的可滚动选择器一样。

我已经在我的页面中尝试过：

<ion-item>
    <ion-label>Date:</ion-label>
    <ion-datetime displayFormat="YYYY-MM-DD" [(ngModel)]="myDate"></ion-datetime>
</ion-item>

和js：

$scope.myDate = new Date();
$scope.myDate.toISOString();

但是除了 ion-item 和 ion-label 没有其他东西出现。如何使 'ion-datetime' 元素工作？

【问题讨论】：

试试这个$scope.myDate = new Date().toISOString();
@IssamELATIF 很好，只是缩短了代码，但它仍然没有显示 ion-datetime-element，这就是问题所在。
为什么displayFormat是大写的YYYY-MM-DD？应该是yyyy-MM-dd
@IssamELATIF 因为示例就是这种格式。我尝试将其更改为displayFormat="yyyy-MM-dd" 仍然没有显示:(
Ionic 2 构建在 Angular 2 之上，Angular 2 使用 this 而不是 $scope 。试试this.myDate = new Date().toISOString();

【解决方案1】：

我使用了错误版本的 Angular 和 Ionic(1.3)。我需要使用至少 Ionic 2 和 AngularJS 2 来使 datetimepicker 工作。其他选择是通过插件添加它..

【讨论】：

【解决方案2】：

您提供的文档链接适用于 Ionic 2

Ionic 2 构建在 Angular 2 之上，Angular 2 使用 this 而不是 $scope 。试试this.myDate = new Date().toISOString();

如果您使用的不是 Ionic 2，而是 Ionic 1，请将 [(ngModel)]="myDate" 更改为 ngModel="myDate"。你的页面应该是这样的

<ion-item>
    <ion-label>Date:</ion-label>
    <ion-datetime displayFormat="YYYY-MM-DD" ngModel="myDate"></ion-datetime>
</ion-item>

【讨论】：