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

Question

检查文档示例：https://ionicframework.com/docs/v2/api/components/datetime/DateTime/ 和https://ionicframework.com/docs/v2/components/#datetime

我在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();

但是除了离子项和离子标签之外没有其他任何东西出现。如何使“离子日期时间”元素发挥作用？

Answer 1

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

Answer 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>