Month-Year dropdown calculation/ validation | XM Community
Skip to main content
Solved

Month-Year dropdown calculation/ validation

  • September 14, 2023
  • 4 replies
  • 677 views

MikeW
Level 5 ●●●●●
Forum|alt.badge.img+14
  • Level 5 ●●●●●
  • 137 replies

I have a drop-down question where I’m asking “start” Month and Year. I’ll probably use a side-by-side question.

 

I then have a second question where I’m asking “end” Month and Year - again using a side-by-side question.

 

Is it possible to validate that the “end” month-year is not earlier than the “start” month-year?

Best answer by ash123

I suggest using a date picker where respondents can choose dates off the calendar icon. Instructions here on the javascript for that: https://community.qualtrics.com/custom-code-12/date-range-picker-javascript-725

 

View original

4 replies

Forum|alt.badge.img+14
  • Level 5 ●●●●●
  • 276 replies
  • Answer
  • September 14, 2023

I suggest using a date picker where respondents can choose dates off the calendar icon. Instructions here on the javascript for that: https://community.qualtrics.com/custom-code-12/date-range-picker-javascript-725

 


Forum|alt.badge.img+14
  • Level 5 ●●●●●
  • 276 replies
  • September 14, 2023

Also, with this code, you can add the calendar date picker icon into your survey question and in the parts that I highlighted in blue, you can specify what the minimum and maximum dates that they can select are. Dates outside this range won’t be allowed to be selected.

 

Qualtrics.SurveyEngine.addOnload(function()
{
    jQuery("#"+this.questionId+" .InputText").flatpickr({altInput: true, altFormat: "m-d-Y", dateFormat: "m-d-Y", minDate:"05-21-2022", maxDate: "12-31-2022"});
});

Qualtrics.SurveyEngine.addOnReady(function()
{
    /*Place your JavaScript here to run when the page is fully displayed*/

});

Qualtrics.SurveyEngine.addOnUnload(function()
{
    /*Place your JavaScript here to run when the page is unloaded*/

});


MikeW
Level 5 ●●●●●
Forum|alt.badge.img+14
  • Author
  • Level 5 ●●●●●
  • 137 replies
  • September 14, 2023

Thanks @ash123 

I only wanted respondents to be able to choose month and year - so would the flatpickr month plugin work?

I saw a post on that: Using Flatpicker for Month/Year | XM Community (qualtrics.com) - but I’m assuming I need to change what is shown in the Look&Feel Header code, but that seems to be missing from the post?


MikeW
Level 5 ●●●●●
Forum|alt.badge.img+14
  • Author
  • Level 5 ●●●●●
  • 137 replies
  • September 14, 2023
MikeW wrote:

Thanks @ash123 

I only wanted respondents to be able to choose month and year - so would the flatpickr month plugin work?

I saw a post on that: Using Flatpicker for Month/Year | XM Community (qualtrics.com) - but I’m assuming I need to change what is shown in the Look&Feel Header code, but that seems to be missing from the post?

 

I found them online, you need to add:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr@latest/dist/plugins/monthSelect/style.css">

and

<script src="https://cdn.jsdelivr.net/npm/flatpickr@latest/dist/plugins/monthSelect/index.js"></script>

to get the Flatpickr for Month/Year to work...


Leave a Reply