Qualtrics Calendar Date range picker | Experience Community
Skip to main content
JoseS
Administrator
1 year ago
Question

Qualtrics Calendar Date range picker

  • Sep 11, 2023 6:00 PM UTC
  • 3 replies
  • 686 views
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 ●●●●●●●●
    • Sep 11, 2023 6:19 PM UTC

    @kunj9106 

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

      Forum|alt.badge.img+1
      • kunj9106
      • Author
      • Sep 11, 2023 7:21 PM UTC

      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 ●●●●●●●●
        • Sep 11, 2023 8:20 PM UTC

        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