Qualtrics Calendar Date range picker | XM Community
Skip to main content

Hi, 

I’m trying to add calendar which will allow user to select date range. I tried 

this thread and looks like its not working. Look&Feel Header is just displaying command on the page rather than implementing. I also tried the medium link mentioned in the Date Range Picker thread and seems like its not working either. Can anyone help me with this, on how to add date range picker in qualtrics survey question. 

@kunj9106 

It sounds like you weren’t in source mode (<> icon) when you added the html to the survey header.

Thanks, I don’t know how I missed that. 

I’m trying this command 

jQuery("#"+this.questionId+" .InputText").flatpickr();
But its only allowing me to select a single date. Is there any code for date range selector, where customer can select date range. I saw flatpickr, I’m not sure how to use flatpickr codes in qualtrics javascript. (https://flatpickr.js.org/examples/)

Thanks, I don’t know how I missed that. 

I’m trying this command 

jQuery("#"+this.questionId+" .InputText").flatpickr();
But its only allowing me to select a single date. Is there any code for date range selector, where customer can select date range. I saw flatpickr, I’m not sure how to use flatpickr codes in qualtrics javascript. (https://flatpickr.js.org/examples/)

It is there in the documentation:

jQuery("#"+this.questionId+" .InputText").flatpickr({mode:"range"});

 

Leave a Reply


Terms & Conditions