calendar

You would need a code for it.

@AL_2022 I would highly recommend using Flatpickr instead of Qualtrics’ options. 

Put this code in the header: 

<link href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css" rel="stylesheet" /><script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>

Then, use a Text Entry question for your date question and add the following code to the JavaScript:

Qualtrics.SurveyEngine.addOnload(function()

{

/*Place your JavaScript here to run when the page loads*/

jQuery("#"+this.questionId+" .InputText").flatpickr({

dateFormat: "m/d/Y",

maxDate: "today" 

});

});

Sorry. Put the code in the header via Look and Feel - General - Header or the question itself?

And the Java code: add  it to the same date question (imported from the Qualtrics library) or create a new Text entry question? Also will it be in the dd/mm/yyyy format?

Could you please clarify.

Thanks.

@AL_2022 

The header code should go in the Look and Feel->General->Header. When pasting it, make sure you click on the <> button first.

The actual JavaScript code should be added to a new, Text Entry question. This will be used instead of the one you brought in from the Qualtrics library. You can delete that one. 

If you want the date in a dd/mm/yyyy format, change the dateformat that I have in the code to the following: 

dateFormat: "d/m/Y",

Thanks Josh! Unfortunately its not working. please see the attached screenshots.

@AL_2022 what happens when you click in the box to enter the date?

Hi. Nothing happens unfortunately. treats it as a normal text question…

OSqiy

Hi Josh,

It’s working now!  It doesn’t work in the Simple layout  so I  had to use the Flat layot. The latter is not ideal but I don’t want to add a substantial code in case it doesnt work. But below is the link for the solution:

https://community.qualtrics.com/survey%2Dplatform%2D54/flatpickr%2Dnot%2Ddisplaying%2Dwith%2Dsimple%2Dlayout%2D23169

Thank you very for your help! Regards, Al