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

Question

我正在 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' 元素起作用？

Answer 1

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

Answer 2

您提供的文档link适用于 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>

Can't get Ionic's datetime picker to work and showup even