Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Замена слов в div'e (https://javascript.ru/forum/misc/69257-zamena-slov-v-div%27e.html)

destus 09.06.2017 15:01

Цитата:

Если есть какой нибудь способ,что бы сразу все месяца заменялись и дни недели, то было бы вообще супершикарно.
<script src='https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js'></script>
  <script src='https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/locale/ru.js'></script>
<div class="date-style">
    <span class='date'>June 9, 2017 (Friday)</span>
    <br>
    <time datetime="18:00 до 19:20">18:00 до 19:20</time>
  </div>
  <script>
    var dateNode = document.querySelector('.date');
    dateNode.textContent = moment(dateNode.textContent).format("MMMM D, YYYY (dddd)"); 
  </script>

Step48_rus 09.06.2017 18:08

destus
выводит ошибку dateNode is null

Step48_rus 10.06.2017 14:25

destus
В общем все работает, но дело вот в чем, на сайте несколько блоков с датами,а в итоге меняется только первый, можно ли как нибудь сделать,что бы все менялись?

destus 10.06.2017 14:51

Step48_rus,
<script src='https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js'></script>
  <script src='https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/locale/ru.js'></script>
<div class="date-style">
    <span class='date'>June 9, 2017 (Friday)</span>
    <br>
    <time datetime="18:00 до 19:20">18:00 до 19:20</time>
  </div>
<div class="date-style">
    <span class='date'>June 10, 2017 (Saturday)</span>
    <br>
    <time datetime="18:00 до 19:20">18:00 до 19:20</time>
  </div>
  <script>
    [].forEach.call(document.querySelectorAll('.date-style > .date'), function(el){
el.textContent = moment(el.textContent).format("MMMM D, YYYY (dddd)");
})
     
  </script>

Step48_rus 10.06.2017 15:57

Спасибо огромное


Часовой пояс GMT +3, время: 19:16.