1. MDB Home Page
  2. Support Main Page
  3. MDB Angular
Topic: TimePicker not working

dom@uzinakod.com pro asked 6 years ago

Just got the Pro version of the version in order to try the timepicker. Just like the documentation, I try this line of code: 
<mdb-time-picker [twelvehour]="true" [darktheme]="false" [placeholder]="'Selected time'" [showClock]="false" [ngModel]="lightClock"></mdb-time-picker
> And in the .ts file: export class AppComponent { publiclightClock:any; } When I try to select the hour, nothing happens. I can only select AM or PM and Done. What am I missing?

Damian Gemza staff answered 6 years ago

Dear beachjf, do browser console throws any errors? Please provide us some screenshots, environment informations. I've tested this few minutes ago on my Firefox, Chromium @ Ubuntu 17.04 and on my Huawei P8 in Chrome, and everything is working fine. Best Regards, Damian

beachjf pro commented 6 years ago

Hi Damian, I have nothing in my console. you can test it here if you want to see https://tagtwee.com/en/tptest   On my side, that's working with chrome / firefox on my desktop but that's doesn't work with my Android (Chrome) and IPhone (Safari) mobile Thanks

Damian Gemza staff commented 6 years ago

Dear beachjf, which version of MDB do you use? This problem was fixed in 5.1.1 version. Best Regards, Damian

beachjf pro commented 6 years ago

Hi Damian, My mistake. It's now working PERFECLY. Thanks a million for your support :)

Damian Gemza staff commented 6 years ago

No problem, glad that i could help you. Closing the topic. Best Regards, Damian

Tanya pro answered 6 years ago

Hi Dom, Do you have similar issue as this page: http://ng-admin-pro.mdbootstrap.com/components/time-picker I have the same issue. It only works on IE11 and Edge. Doesn't work on Chrome, Firefox, or Safari. Tried it on desktop and mobile devices

Dawid Adach pro commented 6 years ago

Dear Tanya, unfortunately, we cannot reproduce following issue, could you provide us as many details as possible so we could troubleshoot it?

Tanya pro commented 6 years ago

I have the latest version of Chrome (62.0.3202.94) running in Windows 10. No extensions, no setting changes. Went straight to your page: http://ng-admin-pro.mdbootstrap.com/components/time-picker

dom@uzinakod.com pro commented 6 years ago

Hello Tanya, I have the same error as you. And yes, that was the error. Went for another solution instead...

Dawid Adach pro commented 6 years ago

Dear Tanya, please check following video using same os and Chrome version: https://www.dropbox.com/s/pf37jjnqdgxk585/Video%2006-12-2017%2009-09-50.mp4?dl=0 , as you can see issue cannot be reproduced, please provide us any additional information which could help us reproduce the issue.

Tanya pro commented 6 years ago

Hi Dom, Thanks for confirming. What solution did you go for? Is it another library? If it's good maybe our project can switch to that.

Tanya pro commented 6 years ago

Dawid thanks for looking into this. Can't think of anything I can provide more than I already mentioned. I gave the Chrome version and OS. And it is YOUR page that I was testing, so I can't comment on the code you used or Typescript and Angular version. Maybe it's about how you package MDB. This an obvious issue since Dom and I are experiencing exactly the same thing. You got to do a better job of replicating this issue. Don't give us videos or screenshot using your OWN browser. That can't help at all. It doesn't prove anything.

Tanya pro commented 6 years ago

http://ng-admin-pro.mdbootstrap.com/components/time-picker is now working on my end. Hopefully that fix would go out in the next release.

beachjf pro commented 6 years ago

I got the same issue with chrome on my phone. What could be the problem.

Dawid Adach pro answered 6 years ago

Dear @dom , Code which you have shared is missing closing tag (>) so that could be a reason why it doesn't work. Please verify that. After closing the tag I am able to choose exact Hour and minute into my time picker (using your code).

dom@uzinakod.com pro commented 6 years ago

The tag is there. Sorry for the typo in my previous post. In fact, it looks like the mousedown event is never fired.. (I tried to set a breakpoint in the ts file but when I mousedown, it does nothing.)

Dawid Adach pro commented 6 years ago

Dear, please share your code sending at d.adach@mdbootstrap.com

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Closed

Specification of the issue
  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: Yes
  • Provided link: No
Tags
About author
dom@uzinakod.com
Pro User 0Support score
1Questions 0Answers 0Snippets