I want to have a “date picker” calendar where the date they pick at minimum has to be 7 days from the date they are completing the tool or they can pick any date in the future - is this possible? This is the code I am using for the date picker part:Travel Date:<link href="https://ajax.googleapis.com/ajax/libs/yui/2.9.0/build/calendar/assets/skins/sam/calendar.css" rel="stylesheet" type="text/css"/><script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/yui/2.9.0/build/yahoo-dom-event/yahoo-dom-event.js"></script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/yui/2.9.0/build/calendar/calendar-min.js"></script> <script>Qualtrics.SurveyEngine.addOnload(function(){var qid =this.questionId;var calid = qid +'_cal';var y =QBuilder('div'); $(y).setStyle({clear:'both'});var d =QBuilder('div',{className:'yui-skin-sam'},[QBuilder('div',{id:calid}), y ]);var c =this.questionContainer; c = $(c).down('.QuestionText'); c.appendChild(d);var cal1 =new YAHOO.widget.Calendar(calid); cal1.render();var input = $('QR~'+ qid); $(input).setStyle({marginTop:'20px',width:'150px'});var p =$(input).up();var x =QBuilder('div'); $(x).setStyle({clear:'both'}); p.insert(x,{position:'before'}); cal1.selectEvent.subscribe(function(e,dates){var date = dates[0][0];if(date[1]<10) date[1]='0'+ date[1];if(date[2]<10) date[2]='0'+ date[2]; input.value = date[1]+'-'+date[2]+'-'+date[0];})});</script>

Yes, this is possible to do using JavaScript and CSS. Use Flatpicker concept.Add this code in the Header section of the look and feel:<link href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css" rel="stylesheet" /><script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>In the Survey create a Text Entry question and use the below JavaScript, this will allow you to select 7 days from today, and if want any Maximum limit, enable the maxDate option.Qualtrics.SurveyEngine.addOnReady(function(){jQuery("#"+this.questionId+" .InputText").flatpickr({ dateFormat: "m-d-Y", minDate: new Date().fp_incr(7) //maxDate:"10.01.2024", });

Date Picker with Minimum Date Option

Date Picker with Minimum Date Option | Experience Community

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded