I am using the instructions on this website to add a date picker and calculate age. The code works fine but after picking the date, I keep seeing the date picker on every following page of the survey after that (attached screenshot). Is there a way to resolve this issue?

@Shivamvig_sv,@dxconnamnguyenHi, I was able to solve the issue by using the Qualtrics solution. I agree even declaring it globally could have been another solution which I didn’t try.-https://community.qualtrics.com/custom-code-12/convert-dob-to-age-22806?postid=77398#post77398Specifically,I added the HTML code to the header in the "look and feel" tab instead of ‘In the Question text (HTML view)’. Then, in the JavaScript of that specificquestion, I explicitly declared the QID instead of using "this.questionid".

@Shivamvig_svThank you for your prompt response. It seems that the issue is with the code below. However, I am unsure where to specify the logic for displaying or hiding the date picker. Any help is appreciated.Here is the code used:In the Question text (HTML view)<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/pikaday/1.6.1/css/pikaday.min.css"><script src="https://cdnjs.cloudflare.com/ajax/libs/pikaday/1.6.1/pikaday.min.js"></script>In the JavaScript of the QuestionQualtrics.SurveyEngine.addOnload(function() { function calculateAndSaveUserAge(date) { var todayInSeconds = new Date().getTime(); var birthdayInSeconds = date.getTime(); if (birthdayInSeconds < todayInSeconds) { var ageInSeconds = todayInSeconds - birthdayInSeconds; var ageInYears = Math.round(ageInSeconds / 1000 / 60 / 60 / 24 / 365); Qualtrics.SurveyEngine.setEmbeddedData("Age", ageInYears); } else { alert("You cannot be born in the future!"); } } var inputId = 'QR~' + this.questionId; var picker = new Pikaday({ field: document.getElementById(inputId), firstDay: 1, minDate: new Date(1900, 01, 01), maxDate: new Date(), yearRange: [1900,2023], onSelect: function(date) { calculateAndSaveUserAge(date); } });});

How to specify HTML code for a particular question only?

How to specify HTML code for a particular question only? | XM Community

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded