Показать сообщение отдельно
  #20 (permalink)  
Старый 02.07.2016, 16:03
Аватар для destus
Профессор
Отправить личное сообщение для destus Посмотреть профиль Найти все сообщения от destus
 
Регистрация: 18.05.2011
Сообщений: 1,207

Step48_rus,
Вот небольшой набросок
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.js"></script>
<select>
    <option>Выбрать</option>
    <option value="-2">-2 часа</option>
    <option value="-1">-1 час</option>
    <option value="0">0</option>
    <option value="+1">+1 час</option>
    <option value="+2">+2 часа</option>
</select>
<div class="live">
    <p>11:40 программа 1</p>
    <p>12:40 программа 2</p>
    <p>13:40 программа 3</p>
    <p>23:40 программа 4</p>
</div>
<script>
    let orig = [...document.querySelectorAll(".live>p")].map(el => el.cloneNode(true));
    document.querySelector("select").addEventListener("change", e => {
        for (let p of document.querySelectorAll(".live>p").entries()){
            p[1].textContent = orig[p[0]].textContent.replace(/\d{1,2}\:\d{1,2}/, match => {
                        return moment(match, "HH:mm").add(e.target.value, "hour").format("HH:mm");
                    });
        };
    });
</script>
Ответить с цитированием