Ionic-framework: Ionic2 - Problem when having 2 ion-datetime fields

Created on 22 Jun 2016 · 10Comments · Source: ionic-team/ionic-framework

Short description of the problem:

In my page i have 2 ion-datetime components without ion-item. When i click on either one of them it's always the button of the later one that is 'clicked'

Problem also occur if both components are within the same ion-item.

Steps to reproduce:
You can see an example in this plunker
Click on the 1-mar-2016 field and the picker will open with 1-jun-2016 data.

Your system information:

Cordova CLI: 6.1.1
Gulp version: CLI version 3.9.0
Gulp local: Local version 3.9.1
Ionic Framework Version: 2.0.0-beta.9
Ionic CLI Version: 2.0.0-beta.31
Ionic App Lib Version: 2.0.0-beta.17
ios-deploy version: 1.8.4
ios-sim version: 5.0.6
OS: Mac OS X El Capitan
Node Version: v4.2.4
Xcode version: Xcode 7.3 Build version 7D175

Source

ohadbp

Most helpful comment

Just had this issue today, the problem is the ion date time picker has a hidden button with position absolute.

This solves the problem: style="position: relative"

De:

            <ion-datetime displayFormat="DD/MM/YYYY" pickerFormat="DD MM YYYY" [(ngModel)]="calendar.start_at"></ion-datetime>
        </div>

Joaos92 on 11 Apr 2017

👍3

All 10 comments

Hello, thanks for opening an issue with us! We actually are already aware of this issue and plan to have a fix for it soon. I will keep this issue open to track the progress of this bug. Thanks for using Ionic!

jgw96 on 22 Jun 2016

@ohadbp is this still an issue in beta.10?

jgw96 on 20 Jul 2016

Greetings @ohadbp!

My sensors indicate a reply was requested, but as we have not received one yet, I am using my robot powers to close this issue. However, if you are still experiencing this issue, please feel free to reopen it by creating a new issue, and include any examples or necessary information.

Thank you for allowing me to assist you.

Ionitron on 23 Jul 2016

Greetings @ohadbp!

Thank you for allowing me to assist you.

Ionitron on 23 Jul 2016

@ohadbp

I have encountered the same issue while implementing from and to date range. Is it resolved for you ? How did you fix/resolve the issue ?

@jgw96 We encountered this issue with the version beta.32

ome89 on 26 Jul 2016

@jgw96 yes, it is still an issue

http://plnkr.co/edit/LGI0IcBNql3W20q3RugV?p=preview

laserus on 24 Aug 2016

Hello all, as this issue will be fixed here https://github.com/driftyco/ionic/issues/7476 i am going to close this issue for now. Thanks!

jgw96 on 1 Sep 2016

👍1

Just had this issue today, the problem is the ion date time picker has a hidden button with position absolute.

This solves the problem: style="position: relative"

De:

            <ion-datetime displayFormat="DD/MM/YYYY" pickerFormat="DD MM YYYY" [(ngModel)]="calendar.start_at"></ion-datetime>
        </div>

Joaos92 on 11 Apr 2017

👍3

Hi I just used an ion-datetime picker. When I click the screen ion-datetime picker is seen. So i customize the height of the ion-datetime picker as follows

.item-cover{
width: initial;
height: initial;
}

But when i used this iOS has an responsive issue.

Can i set the height as fixed one?

karthikvt on 7 Sep 2017

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.