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

Qualtrics Calendar Date range picker

  • September 11, 2023
  • 3 replies
  • 612 views
K
Forum|alt.badge.img+1

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. 

3 replies

TomG
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • TomG
  • Level 8 ●●●●●●●●
  • 6084 replies
  • September 11, 2023

@kunj9106 

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

K
Forum|alt.badge.img+1
  • kunj9106
  • Author
  • 1 reply
  • September 11, 2023

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/)

TomG
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • TomG
  • Level 8 ●●●●●●●●
  • 6084 replies
  • September 11, 2023

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"});

 


Terms & ConditionsAccessibility statement