Display Question if dates in previous question are > 4 years apart | XM Community
Skip to main content
Michael_Cooksey
Administrator
21 days ago
Solved

Display Question if dates in previous question are > 4 years apart

S
Forum|alt.badge.img+1

Hi,

 

I’m trying to display a question if the start date and end date of a medical degree is greater than 4 years apart. How would I do that?

 

I’ve tried some javascript, but no luck. Dates are provided in a form field question as mm/dd/yyyy.

 

Qualtrics.SurveyEngine.addOnload(function()
{
    var answer = "${q://QID11/ChoiceTextEntryValue/1}"; // Replace QID1 with your actual Question ID
    var lastFourChars = answer.slice(-4);
    Qualtrics.SurveyEngine.setEmbeddedData('startyears', lastFourChars);
    var answer2 = "${q://QID11/ChoiceTextEntryValue/2}"; // Replace QID1 with your actual Question ID
    var lastFourChars2 = answer.slice(-4);
    Qualtrics.SurveyEngine.setEmbeddedData('endyears', lastFourChars2);

});
 

Best answer by TomG

Use luxon (load in survey header or footer). Then add this JS to your form field question (start date is the first field, end date is the second field):

Qualtrics.SurveyEngine.addOnPageSubmit(function() {
	var DateTime = luxon.DateTime;
    var dates = jQuery(this.getQuestionContainer()).find("input[type=text]");
	var startDate = DateTime.fromFormat(dates.eq(0).val(),"MM/dd/yyyy");
    var endDate = DateTime.fromFormat(dates.eq(1).val(),"MM/dd/yyyy");
	var end = endDate.diff(startDate, ['years']).toObject();
	Qualtrics.SurveyEngine.setJSEmbeddedData('endyears',end.years);
});

endyears will be a decimal number (e.g., 3.821).  For display logic purposes the embedded data field will be __js_endyears. Also if you want to save endyears in your response data add __js_endyears to the survey flow prior to your form question. The code will work with any layout, but if you use Simple layout you also need to load jQuery.

View original

3 replies

TomG
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • TomG
  • Level 8 ●●●●●●●●
  • 5926 replies
  • Answer
  • August 23, 2024

Use luxon (load in survey header or footer). Then add this JS to your form field question (start date is the first field, end date is the second field):

Qualtrics.SurveyEngine.addOnPageSubmit(function() {
	var DateTime = luxon.DateTime;
    var dates = jQuery(this.getQuestionContainer()).find("input[type=text]");
	var startDate = DateTime.fromFormat(dates.eq(0).val(),"MM/dd/yyyy");
    var endDate = DateTime.fromFormat(dates.eq(1).val(),"MM/dd/yyyy");
	var end = endDate.diff(startDate, ['years']).toObject();
	Qualtrics.SurveyEngine.setJSEmbeddedData('endyears',end.years);
});

endyears will be a decimal number (e.g., 3.821).  For display logic purposes the embedded data field will be __js_endyears. Also if you want to save endyears in your response data add __js_endyears to the survey flow prior to your form question. The code will work with any layout, but if you use Simple layout you also need to load jQuery.

S
Forum|alt.badge.img+1
  • sthom55
  • Author
  • 1 reply
  • August 29, 2024
TomG wrote:

Use luxon (load in survey header or footer). Then add this JS to your form field question (start date is the first field, end date is the second field):

Thank you, this worked in the preview! If it doesn’t work in the live test, I’ll come back to this thread.

For anyone else:

To load Luxon, I added the following to the header in the Look & Feel section:

<script src="https://cdn.jsdelivr.net/npm/luxon@3.4/build/global/luxon.min.js"></script>

(Source: TomG 6mo ago)

The header in the Look & Feel section

 

AlonsoC
1 person likes this
  • AlonsoC
    AlonsoC
AlonsoC
Administrator
Forum|alt.badge.img+12
  • AlonsoC
  • Administrator
  • 215 replies
  • August 29, 2024

@sthom55, thanks for confirming it worked! Hope all goes well in the live test.

S
1 person likes this
  • S
    sthom55

Leave a Reply


Terms & Conditions