Сейчас узнаем, какой подарок выпадет именно Вам
Крутите колесо
Ура, вы выиграли!
Ваш приз:
Годовой доступ
к видео на mo-ti -20%
по промокоду T19RAY
Промокод действителен 3 дня

Оформить доступ с промокодом
100
Как поменять дату в тексте по заданному графику в Тильда
Base Jumping
Next Jump 30-07-2020

Как поменять дату в тексте по заданному графику в Тильда

1
Создали блок CR43
2
Добавили код в блок Другое - Т123
В коде прописали график дат
Mo-ti Level Up
Видео инструкции по добавлению кода и работе с Zero Block.
Выводим нужную дату по графику в стандартный или ZeroBlock. Скрываем и показываем нужные блоки по заданным диапазонам дат.
Длительность видео 21 минута
Фрагмент видео
Библиотека для примера

<script>
$(document).ready(function() {
   //Создаём список дат формата Y-M-D
 let daTeMass = [ '2021-11-20',
                  '2021-12-27',
                  '2022-01-05',
                  '2022-01-10',
                  '2022-02-14',
                  '2022-02-20',
                  '2022-02-27',
                  '2022-03-05',
                  '2022-03-10',
                  '2022-04-14',
                  '2022-05-20',
                  '2022-05-27',
                  '2022-06-05',
                  '2022-07-10',
                  '2022-08-14',
                  '2022-09-06'
                 ];
    
 let dataM = new Date();
 let monthM = dataM.getMonth()+1;
 let dayM = dataM.getDate();
 let fullDateM = dataM.getFullYear() + '-' +
    ((''+monthM).length<2 ? '0' : '') + monthM + '-' +
    ((''+dayM).length<2 ? '0' : '') + dayM;
  let currentDate = new Date(fullDateM); var findDate = ''; 
  $.each(daTeMass, function( key, value ) {
   let checkdate = new Date(daTeMass[key]);
    if(checkdate <= currentDate){
        findDate = daTeMass[key+1];
    }else{
        findDate = daTeMass[key];  
        return false;
    };
  });
  
  let printDate = new Date(findDate);
  let printMonthM = printDate.getMonth()+1;
  let printDay = printDate.getDate();
  let printfullDate = ((''+printDay).length<2 ? '0' : '')+printDay+'-'+
                      ((''+printMonthM).length<2 ? '0' : '')+printMonthM+'-'+
                      printDate.getFullYear();
  if(!findDate){printfullDate = "...soon"};
  //Выводим нужную дату из списка
  $('.t941__descr').text('Next Jump '+printfullDate);
    
});
</script>
Библиотека для примера
вывод своего текста

<script>
$(document).ready(function() {
//Создаём список дат формата Y-M-D

let daTeMass = [ 
    ['2021-12-01' , '1-2 декабря 2021'],
    ['2021-12-02' , '1-2 декабря 2021'],
    ['2021-12-27' , '27 декабря 2021'],
    ['2022-01-05' , '5 января 2022']
];

let dataM = new Date();
let monthM = dataM.getMonth()+1;
let dayM = dataM.getDate();
let fullDateM = dataM.getFullYear() + '-' +
((''+monthM).length<2 ? '0' : '') + monthM + '-' +
((''+dayM).length<2 ? '0' : '') + dayM;
let currentDate = new Date(fullDateM); var findDate = '';
$.each(daTeMass, function( key, value ) {
let checkdate = new Date(value[0]);

if(checkdate <= currentDate){
    findDate = daTeMass[key+1][1];
}else{
    findDate = daTeMass[key][1];  
    return false;
};
});

if(!findDate){findDate = "...soon"};
//Выводим нужную дату из списка
$('.t941__descr').text('Старт курса '+findDate);

});
</script>
Библиотека для примера
Показ блоков по графику

<script>
$(document).ready(function() {
//Создаём список дат формата Y-M-D
let daTeMass = [ 
    ['2021-12-02' , '#rec389011994'],
    ['2021-12-05' , '#rec389012041'],
    ['2021-12-09' , '#rec389012060'],
    ['2021-12-14' , '#rec389012086'],
    ['2021-12-17' , '#rec389037811']
    
];

let dataM = new Date();
let monthM = dataM.getMonth()+1;
let dayM = dataM.getDate();
let fullDateM = dataM.getFullYear() + '-' +
((''+monthM).length<2 ? '0' : '') + monthM + '-' +
((''+dayM).length<2 ? '0' : '') + dayM;
let currentDate = new Date(fullDateM); var findBlock = '';
$.each(daTeMass, function( key, value ) {
$(daTeMass[key][1]).hide();
});
$.each(daTeMass, function( key, value ) {
let checkdate = new Date(value[0]);
    if(checkdate >= currentDate ){
        findBlock = daTeMass[key][1]; 
        return false;
    };
});
$(findBlock).show()
});
</script>
Made on
Tilda