Назад

Как сделать обновляемый список дат на мастер-класс в параметрах товара в Tilda

Как выполнили данный пример:

1. Добавили на страницу блок ST315N
2. Добавили в него 2 параметра : Дата и Время
3. Заполнили списки:
Дата (20 строк 01 02 03 04 ....)
Время (6 строк 12:00 13:00 14:00 15:00 16:00 17:00)
4. Добавили скрипт на страницу
Скрипт вставляется в блок ДРУГОЕ►Т123
<script type="text/javascript">
$( document ).ready(function() {
//Добавляем класс к первому выпадающему списку
$('.t786 select:even').addClass('datalist');
//Определяем кол-во таких списков
var kol = $('.datalist').length;
for (var z = 0; z < kol; z++) {
for (var i = 0; i < 20; i++) {
//Объявляем переменную даты
var    Data = new Date();
//Добавляем к дате 1 день
Data.setDate(Data.getDate()+i);
//Приводим дату к нужному формату
Data = Data.toLocaleDateString();
$(".datalist:eq("+z+") option:eq("+i+")").val(Data).text(Data);
};  };  });
</script> 
Click to order
Cart
Total: 
Your Phone
Payment method
Made on
Tilda