Calendar no longer working

Question

This javascript previously used to restrict calendar questions no longer works for me! The calendar no longer appears as a pop-up for selecting a date. I think it’s the simple layout/new survey taking experience. How could I tweak this code to work in NSTE?

Qualtrics.SurveyEngine.addOnload(function () {
var mindate = "07/01/2024"
var input = jQuery("#"+this.questionId+" .InputText");
input.flatpickr({
dateFormat: "m/d/Y",
minDate: "07/01/2024" ,
maxDate: "today"
});
});

I have already added this code to remove the time interval, so it has to be compatible. Thank you in advance to anyone who can help!

Tom_1842 · Answer

Hi, if you want to use the Flatpickr calendar in the NSTE, I recommend following TomG's implementation from this post:

I saw your question in the other thread about restricting a Qualtrics Calendar question to allow dates only between a specific date and today. While the Calendar question does not currently have a built-in option for that type of range, it can be put in place by first using the Calendar question's validation to "Exclude future dates" "From today" (to prevent selecting dates in the future). Then, to prevent selecting dates before a certain date, the code from the other thread can be modified to disable date selections based on the labels currently displayed in the calendar.

It might be simpler to use Flatpickr, but here is the full JS code for the Calendar question with a minimum date of 07/01/2024. It is rather long, so adding it as an attachment.

Sign up

Login to the Community