Year only Calendar | XM Community
Skip to main content
Question

Year only Calendar


Forum|alt.badge.img

Hi,
I have a Year of Birth question. I do not want a drop-down list, instead I want one of those tiny calendars to popup when the respondent clicks on the text-box. I used flatpickr (code copied below), obviously something is wrong because the calendar doesn't show. I am no expert in coding and scripting, I hope someone in the community can help. Thanks a lot, I really appreciate the help!


Qualtrics.SurveyEngine.addOnload(function()
{
/*Place your JavaScript here to run when the page loads*/
 var input = jQuery("#"+this.questionId+" .InputText");
  input.attr("placeholder", "YYYY");
  input.flatpickr({
    dateFormat: "Y",
    minDate: "1900",
    maxDate: "${date://CurrentDate/Y}"
  });
});

3 replies

Yash
Level 1 ●
Forum|alt.badge.img+3
  • Level 1 ●
  • 21 replies
  • April 5, 2020

Hi ALX, I have an alternative solution for this. Instead of adding text box question type in your survey just add text/graphic question. then insert the below html/javascript code to your question text in HTML section as shown below in the screenshot. Also, create an embedded variable "date" in the start of survey flow section to view and export the data.

Please let me know af any difficuly here.

What is your dob?

 
 
  Datepicker
 
 
  ">https://code.jquery.com/jquery-1.12.4.js">
  ">https://code.jquery.com/ui/1.12.1/jquery-ui.js">
 


Date:



ss.jpg


Forum|alt.badge.img
  • Author
  • 5 replies
  • April 5, 2020

Yash , thanks a lot! But, there is a slight issue. This calendar goes back to only March 2020. And, I am looking only for Year of Birth, I do not want DOB.


rondev
Level 6 ●●●●●●
Forum|alt.badge.img+22
  • Level 6 ●●●●●●
  • 1449 replies
  • April 6, 2020

Implementation of flat pick - here


Leave a Reply