Как в контактной форме wordpress формат поля даты укоротить до отображения только лет без месяцев и дней?

Question

[ligisayan]

Всем привет!
У меня сайт на wordpress с контактной формой contact form 7
Как сделать поле даты с текстовым плейсхолдером, в котором можно выбирать только годы (постройки) ?

Первую часть вопроса решил таким образом: в момент клика на текстовое поле с плейсхолдером, тип поля меняется на дату.

В форме добавлено поле

[text* company-built class:wc7data placeholder "Year built"][submit class:btn "SEND"]

Код замены:

$(document).on('focus','.wc7data', function (e) {
  	this.type='date';
  });
  $(document).on('blur','.wc7data', function (e) {
	this.type='text';
  });

А вот с преобразованием формата из полной даты в годы - у меня затык

Comments

[YBB]

А поле типа number не решит задачу? Ему можно указать минимальное и максимальное значение, будет вполне похоже на год.

https://contactform7.com/number-fields/

[ligisayan]

YBB, допустим, но есть несколько вопросов.
Если я сделаю, к примеру, так,

$(document).on('focus','.wc7data', function (e) {
const d = new Date();
this.type='number';
this.min='1980';
this.max=d.getFullYear();
});

то, при потере фокуса в инпут провалидируется любое числовое значение, нет возможности регулировать мин значение кроме как вручную в скрипте (на это можно закрыть глаза),
но если скрипт будет кешироваться, то новый год не обновится в максимальном значении