Need help implementing a date picker.

Question

I copied the code provided by Zachary for the date picker  into a free format question I called "fecha_data." I can test the question, pull the calendar, and pick a date, but no data is saved under "fecha_data." What is missing in the code and setup?

I need to prevent people  from selecting a future date after the date they are taking the survey on. For example, they can select today's date or any date in the past, but not tomorrow. What would be the code for that?

Also, if they pick Labor Day weekend, sept 2, 3, or 4, we need to show a message saying "The date you selected is a holiday weekend. We are interested in a more typical occasion. Please think of the last time you consumed alcohol before Labor Day weekend" and then send them back to a prior question so they start all over before picking the date.

Answer 1

The name of your free format variable(s) needs to be consistent with the names used in the HTML and JavaScript.  Sticking with the names "_Unix," "_Year", "_Month", "_Day", and/or "_ReadableString" might be easiest to make sure data is saved.

To restrict the calendar to today and earlier, you can add "maxDate" to the code like this:

$('#datePicker').datepicker({
    maxDate: 'today',
    onClose: function(){
    ...

To skip to a different question when Labor Day is selected, you'll need to add a skip to your free format question that skips when _Month = 9 and _Day = 2, 3, or 4:

fecha_Month = 9 And (fecha_Day = 2 Or fecha_Day = 3 Or fecha_Day = 4)

Comments

I did. I still get the error message  " the function call datePicker_Month' does not exist"

---

You don't need to make modifications to the provided custom JavaScript verification.  Leave "[% QuestionName() %]" unchanged.

---

Ok, I did that. Now when I test I see this: https://www.screencast.com/t/JQVQ4Zec
When I select the wrong date, nothing happens.

---

You don't need "<script>" or "</script>" tags in custom JS verification.

---

Thanks!!! It works now.