Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

bug: v6 datetime, selecting time gives NaN and jumps too far when using arrow keys in firefox

See original GitHub issue

Bug Report

Ionic version:

[ ] 4.x [ ] 5.x [x ] 6.x

Current behavior: We have built a sample page with the new ion-datetime and found an issue with Firefox. After selecting the date and changing the time the model contains an invalid date string like: 2021-07-02TaN:11:00-aN:aN

Expected behavior: The date string should be valid.

Steps to reproduce:

Open page with ion-datetime
Click on date
Change time
Check value of ngModel variable

Related code:

<ion-datetime [(ngModel)]="dateTest" ></ion-datetime>

Ionic info:

ionic info

Ionic:

   Ionic CLI                     : 6.16.3
   Ionic Framework               : @ionic/angular 6.0.0-beta.0
   @angular-devkit/build-angular : 12.0.4
   @angular-devkit/schematics    : 12.0.4
   @angular/cli                  : 12.0.4
   @ionic/angular-toolkit        : 4.0.0

Utility:

   cordova-res : 0.15.3
   native-run  : 1.4.0

System:

   NodeJS : v14.17.0 (C:\Program Files\nodejs\node.exe)
   npm    : 6.14.13
   OS     : Windows 10

Issue Analytics

State:
Created 2 years ago
Reactions:1
Comments:6 (5 by maintainers)

Top GitHub Comments

1reaction

liamdebeasicommented, Jul 6, 2021

Thanks for the issue. The time selection NaN issue has been resolved via https://github.com/ionic-team/ionic-framework/pull/23583, and a fix will be available in an upcoming release of Ionic Framework.

I am going to keep an eye on https://bugzilla.mozilla.org/show_bug.cgi?id=1719330 and will open another issue if looks like this won’t be fixed in time for when v6 ships.

1reaction

liamdebeasicommented, Jul 1, 2021

Thanks! I can reproduce the NaN error – that seems to be a Framework bug. ~The arrow key bug looks to be something specific to Firefox, so I can look into reporting that bug to the Mozilla team.~ The arrow key bug looks to be something in Framework as well, but it only impacts Firefox somehow. We will look into this.

Top Results From Across the Web

bug: v6 datetime, selecting time gives NaN and jumps too ...

The date string should be valid. Steps to reproduce: Open page with ion-datetime; Click on date; Change time; Check value of ngModel variable....

Why has the function of my up & down arrow keys changed ...

Since yesterday, when I press the down arrow, the page jumps to the bottom (like pressing PageDown would do) and the up arrow...

new Date() is working in Chrome but not Firefox

You can't instantiate a date object any way you want. It has to be in a specific way. Here are some valid examples:...

Untitled

Tm ac1900 review, Testastretta meaning, Tempbond clear with triclosan msds, Minecraft pe nether reactor seed, Tm-1600, Cos villers football animation, ...

Untitled

Attorney general uk, Wittha tonya, Ables towing malvern pa, Bonchon wings philippines, A bridge too far theme composer, Baalu jenu?