JavaScript getElementById, загружает значение только при второй загрузке страницы (после обновления).Shopify Liquid

Question

У меня есть раздел на моем сайте Shopify, где я пытаюсь отобразить диапазон дат доставки.Это работает, но только второй раз я загружаю страницу.Буду очень признателен за помощь, спасибо!

Первая загрузка

После обновления

Веб-сайт

{% unless product.tags contains 'noship' %}
      <br /><p><b>Estimated delivery between <i><span id="fromDate"></span></i> and <i><span id="toDate"></span></i>. See shipping tab for more details. </b></p>
 
    {{ '//cdnjs.cloudflare.com/ajax/libs/datejs/1.0/date.min.js' | script_tag }}
    {% if product.tags contains 'quickship' %}
    <script>
 
	 	var fromDate = Date.today().addDays(7);
 
 		var toDate = Date.today().addDays(14);
 
		document.getElementById('fromDate').innerHTML = fromDate.toString('dddd MMMM dS');
 
		document.getElementById('toDate').innerHTML = toDate.toString('dddd MMMM dS');
	</script>
    {% elsif product.tags contains 'vowbooks' %}
        <script>
 
	 	var fromDate = Date.today().addDays(14);
 
 		var toDate = Date.today().addDays(28);
 
		document.getElementById('fromDate').innerHTML = fromDate.toString('dddd MMMM dS');
 
		document.getElementById('toDate').innerHTML = toDate.toString('dddd MMMM dS');
	</script>
    {% else %}
    <script>
 
	 	var fromDate = Date.today().addDays(14);
 
 		var toDate = Date.today().addDays(21);
 
		document.getElementById('fromDate').innerHTML = fromDate.toString('dddd MMMM dS');
 
		document.getElementById('toDate').innerHTML = toDate.toString('dddd MMMM dS');
	</script>
    {% endif %}
    {% endunless %}