Use javascript to set minimum time in flatpickr

Question

Hi there,

I have a questionnaire where participants fill the start and end date of an activity they did during the day. They can enter up to 40 activities and I would like to make sure the start time of an entered activity is not before the end time of the previous activity. I considered using flatpickr but I don't get it to work.

This is what I tried:

Qualtrics.SurveyEngine.addOnload(function()
{
	/*Place your JavaScript here to run when the page loads*/

	var input = jQuery("#"+ this.questionId +" .InputText");
	var startTime = jQuery('#' + "QID3" + ' .InputText').val();

	input.attr("placeholder", "UU/MM");
    input.flatpickr({
		noCalendar: true,
		enableTime: true,
		time_24hr: true,
		minTime: startTime,
		minuteIncrement: 10});

});

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*/

});

Any help is very much appreciated!

Nam Nguyen · Answer

@boudeThe code started Onload and I assume QID3 and this question are at the same page, at that time, startTime from QID3 is still empty. So you need to add a pagebreak between QID3 and this question to give what you put in QID3 time to saved and can be used in this question. To be sure, use piped-text to get the right QIDReplacevar startTime = jQuery('#' + "QID3" + ' .InputText').val();with var startTime = "${q://QID3/ChoiceTextEntryValue}";Hope this help

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded