Всем привет!
Недавно возникла задача: настроить автоматическую смену даты вебинара на сайте, сделанном на Тильде, так, чтобы она всегда была следующим днем. То есть, каждый день дата вебинара должна автоматически обновляться на завтра.
Стандартными инструментами Тильды это сделать не получится. Нужен сторонний скрипт.
Я решил использовать нейросеть, которая помогла сгенерировать нужный скрипт. С её помощью получилось создать код, который ежедневно обновляет дату вебинара на сайте. Теперь не нужно вручную менять дату — всё происходит автоматически.
В результате сайт всегда показывает актуальную дату следующего вебинара, а пользователи видят свежую информацию без каких-либо задержек.
Ниже прикладываю сам скрипт и описание к нему.
Код для вставки в блок HTML:
<script>
document.addEventListener("DOMContentLoaded", function() {
// Создаем объект текущей даты
var today = new Date();
// Добавляем 1 день
today.setDate(today.getDate() + 1);
// Массив названий месяцев в родительном падеже
var months = [
"января", "февраля", "марта", "апреля", "мая", "июня",
"июля", "августа", "сентября", "октября", "ноября", "декабря"
];
// Получаем день и месяц
var dd = String(today.getDate()).padStart(2, '0');
var mm = months[today.getMonth()]; // Название месяца
// Форматируем дату в виде "24 сентября в 19.00 мск"
var formattedDate = dd + ' ' + mm + ' в 19.00 мск';
// Находим элемент с идентификатором next-day-date и вставляем в него дату
var dateElement = document.getElementById("next-day-date");
if (dateElement) {
// Устанавливаем текст, размер шрифта и его жирность
dateElement.textContent = formattedDate;
dateElement.style.fontSize = "24px"; // Задайте желаемый размер шрифта
dateElement.style.fontWeight = "bold"; // Задайте желаемую жирность (например, bold или числовые значения, например, "400", "700" (чем больше значение, тем жирнее))
}
});
</script>
В Zero-блок в том месте где будет отображаться дата добавляем элемент HTML и вставляем в него код
<p id="next-day-date"></p>
Надеюсь кому-то моё решение будет полезным.
Пишите ваши вопросы в комментариях, я обязательно на них отвечу.
Следите за обновлениями! Подписывайтесь на канал!