How can a participant enter clock times without typing in text boxes?

https://community.qualtrics.com/XMcommunity/discussion/comment/44654#Comment_44654Thank you so much! Speedy and amazing!
I see in the code that there is a line to add to the header. I am not sure how or where to do that in Qualtrics. I've set up the form fields and used the Javascript option to add the bulk of the code.
I really appreciate your help!

katrob63 To access the header section, go to the "Look and Feel" settings of the survey. (See screenshot below)

https://community.qualtrics.com/XMcommunity/discussion/comment/44654#Comment_44654I think I found the header! Thank you again for everything.

https://community.qualtrics.com/XMcommunity/discussion/comment/44660#Comment_44660Thank you again and again!
I have another question since you guided me through my initial problem. Will that same script work using a side by side question that mixes radio buttons and text fields? Or are those flat text fields rather than form fields?

katrob63 As long as you only have one column of text entry, the JavaScript will work the same on a side by side as it does in the form question. If you have multiple text entry fields, all of them will be transformed to time picker and you'll lose the start time must precede end time functionality.

@jmborzick thank you so much for your custom code for the times! I have 2 questions about the way it is displaying in Preview if you might be so kind to help me if you can. 

1. When I preview just the question, it shows the start and end time entry fields with the dropdown but then after it’s selected, it displays as military time. Any idea how to make it show regular time?

   

    

2. However, when I preview the entire survey (as opposed to just the question), it will not show any time options, just blank boxes that you can type into. 

   

   I am not sure if this is because there is a loop and merge connected to the block for recurring entries (which is necessary for my survey)…? Any advice on any of this would be greatly appreciated!!

@KristalP To change it from Military time to standard AM/PM time change the following in the code:

dateFormat: “H:i”   to dateFormat: “h:i K”

As far as the loop and merge problem, I just tried it myself and I can’t make it work either. The code must need to be modified in someway to accommodate loop and merge but I don’t have the skill set to do that. I would create a new question and flag it for JavaScript. There are a number of community members who are skilled in JavaScript that will hopefully be able to help. 

Thank you so much for the advice! I will try the new question with JavaScript flag. Thanks again for your time and help!