Solved

Using Flatpicker for Month/Year

Forum|Forum|3 years ago
August 5, 2022
2 replies
10879 views

ehodgess

Hello again!
I'm trying to use Flatpicker to set dates in month/year format.
I put it in the Look and Feel; General; Header in the source code view.

It saves, but when I try to Apply, it never finishes.
Any suggestions much appreciated.
Sincerely,
Erin

Best answer by Tom_1842

Hi there, I have used flatpickr's MonthSelect plugin to select dates in Month-Year format. Try putting the below in your survey's Header:

Then in the JavaScript for your Text Entry question, add the below:
jQuery("#"+this.questionId+" .InputText").flatpickr({
disableMobile: "true",
plugins: [
new monthSelectPlugin({
shorthand: true,
dateFormat: "m/Y",
altFormat: "F Y",
theme: "material_blue"
})
]
});

+28

Tom_1842
Level 8 ●●●●●●●●
Answer
Forum|Forum|3 years ago
August 8, 2022

Hi there, I have used flatpickr's MonthSelect plugin to select dates in Month-Year format. Try putting the below in your survey's Header:

Then in the JavaScript for your Text Entry question, add the below:
jQuery("#"+this.questionId+" .InputText").flatpickr({
disableMobile: "true",
plugins: [
new monthSelectPlugin({
shorthand: true,
dateFormat: "m/Y",
altFormat: "F Y",
theme: "material_blue"
})
]
});