Замена слов в div'e

[destus]

Если есть какой нибудь способ,что бы сразу все месяца заменялись и дни недели, то было бы вообще супершикарно.

<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]

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

[Step48_rus]

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

[destus]

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]

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