Как добавить обновляемый DeadLine в заголовок формы в блоке CR32N в Tilda
Нужен допуск CPO?
- предоставим персонального менеджера
- на связи в режиме 24/7
- сделаем всю работу "под ключ"
- большой опыт работы по РФ
- бесплатная доставка документов до вашего офиса

Только до 16 мая получите пакет услуг "VIP" бесплатно!
Оставьте заявку и получите актуальную информацию по вашему CPO
Политика конфиденциальности

Как добавить обновляемый DeadLine в заголовок формы в блоке CR32N в Tilda

1
Добавили блок CR32N
2
Добавили скрипт на страницу
Изменить фразу в скрипте
Скрипт вставляется в блок ДРУГОЕ►Т123
Mo-ti Level Up
Видео инструкции по добавлению кода и работе с Zero Block.
Создаём автоматически обновляемый DeadLine, применяем его к заголовкам разных блоков.
Длительность видео: 25 мин
Фрагмент видео
Библиотека для примера

<script type="text/javascript">
var    Data = new Date(),
         TwoDay = new Date();
TwoDay.setDate(Data.getDate()+2);
Month = TwoDay.getMonth();
Day = TwoDay.getDate();
Year = TwoDay.getFullYear();

//Добавить 0
var zMonth = ("0" + (Month+1)).slice(-2);
var zDate =  ("0" + (Day)).slice(-2);

switch (Month)
{
  case 0: fMonth="января"; break;
  case 1: fMonth="февраля"; break;
  case 2: fMonth="марта"; break;
  case 3: fMonth="апреля"; break;
  case 4: fMonth="мая"; break;
  case 5: fMonth="июня"; break;
  case 6: fMonth="июля"; break;
  case 7: fMonth="августа"; break;
  case 8: fMonth="сентября"; break;
  case 9: fMonth="октября"; break;
  case 10: fMonth="ноября"; break;
  case 11: fMonth="декабря"; break;
}
$('.t712__title-second').html('Только до '+Day+' '+fMonth+' получите пакет услуг "VIP" <u>бесплатно!</u>');
</script> 
Библиотека для примера - смена даты после 18:30 +1 день

<script type="text/javascript">
//Объявляем переменную даты
var    Data = new Date(),
       TwoDay = new Date();
let Time = Data.getHours();   
let Minutes = Data.getMinutes();   

let dayPlus = 0; 
if (Time>=18 && Minutes>30 ) dayPlus=1;
TwoDay.setDate(Data.getDate()+dayPlus);
Month = TwoDay.getMonth();
Day = TwoDay.getDate();
Day2 = Data.getDate();
Year = TwoDay.getFullYear();
switch (Month)
{
  case 0: fMonth="января"; break;
  case 1: fMonth="февраля"; break;
  case 2: fMonth="марта"; break;
  case 3: fMonth="апреля"; break;
  case 4: fMonth="мая"; break;
  case 5: fMonth="июня"; break;
  case 6: fMonth="июля"; break;
  case 7: fMonth="августа"; break;
  case 8: fMonth="сентября"; break;
  case 9: fMonth="октября"; break;
  case 10: fMonth="ноября"; break;
  case 11: fMonth="декабря"; break;
}
//Выводим дату в заголовок формы
$('.t712__title-second').html('Только до '+Day+' '+fMonth+' получите пакет услуг "VIP" <u>бесплатно!</u>');

</script> 
Библиотека для примера - замена слова (сегодня/завтра) после 15:00 в блоке CR02

<script type="text/javascript">
//Объявляем переменную даты
let    Data = new Date();
let Time = Data.getHours();       
let keyword="Сегодня";
if (Time>15) {
    keyword="Завтра";
    dayPlus=1;
};
//Выводим слово в заголовок CR02
$('.t102__title').text('Событие пройдёт - '+keyword);
</script> 
Библиотека для примера - выводим день недели в заголовок CR01

<script type="text/javascript">
   let   day = new Date();
   let   numday = day.getDay();
 $(document).ready(function () {
    let dayText;
    switch (numday) {
        case 1: dayText ='ПН'; break;
        case 2: dayText ='ВТ'; break;
        case 3: dayText ='СР'; break;
        case 4: dayText ='ЧТ'; break;
        case 5: dayText ='ПТ'; break;
        case 6: dayText ='СБ'; break;
        case 0: dayText ='ВС'; break;
    };
    if(dayText)  $('.t001__title').text(dayText);
 });  
</script>
Библиотека для примера - 3х дневный практикум 2 раза в неделю
Даты меняются в ПН и ЧТ после 13:00
Выводим интервал дат, например

Бесплатный 3х дневный практикум с 28 февраля по 2 марта

<script type="text/javascript">

let  timeZone = +3; //UTC+3 Москва
let  Data = new Date();
let  firstDay = new Date();
let  lastDay = new Date();
let  utc = Data.getTime() + (Data.getTimezoneOffset() * 60000);
let  DateOffset = new Date(utc + (3600000*timeZone));

let  Time = DateOffset.getHours();
let  Minutes = DateOffset.getMinutes();  
let  numday = DateOffset.getDay();

if (numday==0) numday = 7; 
let weekPart = 1;
if (numday>=4)  weekPart = 2;
let fD = 0; let lD = 0;

let mainHour = 13;

if (weekPart == 1 ) {  fD = 4 - numday; lD = 6 - numday};
if (weekPart == 2 ) {  fD = 7 - numday + 1;  lD = 7 - numday + 3};

if (Time<mainHour  && weekPart == 1 && numday==1 ) { fD =0; lD =2};
if (Time<mainHour  && weekPart == 2 && numday==4 ) { fD =0; lD =2};

firstDay.setDate(Data.getDate()+fD);
lastDay.setDate(Data.getDate()+lD);

fMonth = firstDay.getMonth();
lMonth = lastDay.getMonth();

fDay = firstDay.getDate();
lDay = lastDay.getDate();

fYear = firstDay.getFullYear();
lYear = lastDay.getFullYear();

let txM = '';
function txtMonth(em){
    switch (em)
    {
        case 0:  txM="января"; break;
        case 1:  txM="февраля"; break;
        case 2:  txM="марта"; break;
        case 3:  txM="апреля"; break;
        case 4:  txM="мая"; break;
        case 5:  txM="июня"; break;
        case 6:  txM="июля"; break;
        case 7:  txM="августа"; break;
        case 8:  txM="сентября"; break;
        case 9:  txM="октября"; break;
        case 10: txM="ноября"; break;
        case 11: txM="декабря"; break;
    }
};
txtMonth(fMonth); fMonth = txM;
txtMonth(lMonth); lMonth = txM;

//Выводим дату в заголовок формы
$('.t712__title-second').html(`Бесплатный 3х дневный практикум с ${fDay} ${fMonth} по ${lDay} ${lMonth}`);

</script> 
Made on
Tilda