Timepicker and Cleave.Js challenges

Hi rondev,
Regarding the above code, this doesn't work on mobile phone (eg. Android) as it seems the native time picker overrides flatpickr. On the flatpickr site, they talk about using the extra config line of 'disableMobile: true' but that doesn't seems to be working form me.

Do you have any advice on this. The native time picker would be fine except that I get seconds and milliseconds! I can't debug it as the mobile view of the Qualtrics preview system works as expected. I've tested it on a Samsung A5, Android 8.0 Chrome Browser. Please see pic.

SophieM do you see the same issue?

Hope you can help. Thanks.

Rod

Rod_Pestell , following your instruction, I updated the code as below and I was able to view the flat picker timer selection on my phone.
jQuery("#"+this.questionId+" .InputText").flatpickr({
    enableTime: true, 
    noCalendar: true, 
    defaultTime: "H:i",
disableMobile: true
    });

Rod_Pestell ,
disableMobile works when done like this:
jQuery("#"+this.questionId+" .InputText").flatpickr({
enableTime: true,
noCalendar: true,
defaultTime: "H:i",
disableMobile: true
});

Hi All,
This is my code:
jQuery("#"+this.questionId+" .InputText").flatpickr({
enableTime: true,
noCalendar: true,
dateFormat: "H:i",
minuteIncrement: "15",
disablemobile: true});

TomG , I tried your code and it worked! I've spotted the problem - I was using disablemobile and not disableMobile.

Is there any difference between using dataFormat and defaultTime?

Thanks for the help. Can you provide any pointers and what software you use to help with the syntax and catching mistakes like this? I am essentially using the window within Qualtrics which is not easy to use or Notepad++.

On another note, is there a way to add a check box which instead of a time, the user can say it's not applicable and the words not applicable appear in the field instead of a time? Sorry this might be a new question!
Thanks
Rod

Rod_Pestell ,

Is there any difference between using dataFormat and defaultTime?

Can you provide any pointers and what software you use to help with the syntax and catching mistakes like this? I am essentially using the window within Qualtrics which is not easy to use or Notepad++.

On another note, is there a way to add a check box which instead of a time, the user can say it's not applicable and the words not applicable appear in the field instead of a time? Sorry this might be a new question!

Hi TomG ,
Thanks for the reply and the advice. I was working on a matrix question (as there were 2 categories) so a text field and radio button and then hiding everything was becoming difficult. I'm no HTML nor JS developer. It's all self taught. It's very tedious to work out which elements need to be hidden plus there is no exclusive answer option on a matrix. So in the end I did two separate questions. :)
I'll look into Visual Studio Code. I'd love to find something that I can paste in some source or even just a url link (so that it takes into account the css code too) and simply click on an element and drag it about.

Thanks

Rod

rondev (or anyone who can answer),

I posted the coding into the header as listed. However, on my 2nd block in the survey, the timepicker is literally showing at the top of the page. How do I keep the timepicker in Block 1 but not have it show up at the top of Block 2. It doesn't show in Block 3 though (which I don't want it to).