2016-11-19 5 views
0

контрольного примера на документах: https://ionicframework.com/docs/v2/api/components/datetime/DateTime/ и https://ionicframework.com/docs/v2/components/#datetimeне удается получить DateTime Picker Ионного к работе и showup даже

Я делаю мобильное приложение с ионным + угловой + Кордовой в VS. И я хочу использовать простой datetime picker у них на своих документах, с годом, месяцем & день. Как те, кто ищет прокручиваемые селектора.

Я попытался это в моей странице:

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

и ЯШИ:

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

Но ничего не обнаруживается, кроме ионного элемента и ионно-наклейки. Как заставить элемент «ion-datetime» работать?

+0

попробовать это '$ scope.myDate = новый Date() toISOString();.' –

+0

@IssamELATIF хорошо, что просто сократить это код, но он не показывает ион-datetime- элемент все еще, вот в чем проблема. –

+0

Почему displayFormat имеет верхний регистр «ГГГГ-ММ-ДД»? Это должно быть 'yyyy-MM-dd' –

ответ

0

Я использовал неправильную версию углового и ионного (1.3). Мне нужно использовать atleast Ionic 2 и AngularJS 2, чтобы заставить datetimepicker работать. Другой выбор, чтобы добавить его с помощью плагинов ..

0

Ссылка документации вы предоставите для ионического 2

Ионные 2 построен на вершине углового 2 и угловые 2 использует this вместо $scope. try 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> 
+0

Я не думаю, что ионный 1.3 имеет ион-datetime-элемент? плагины для этого.Я попытался изменить его на 'ng-model =" myDate "' –

+0

А я вижу! Я использовал Ionic 1 один раз, но я не эксперт Ionic. Рад, что поможет вам разобраться в проблеме. –

+0

Да я тоже, просто проверил документы. Спасибо за помощь, хотя :) Я, вероятно, начну использовать ионный 2. –