предварительно заполненная дата, которая не загружается в первый раз, но загружается каждый раз после этого

Question

1. Проблема:
   

Мне нужно предварительно указать системную дату в отключенном поле ввода, и это должно происходить только для определенной страницы c. Итак, я использовал условие href. Тогда я могу видеть, что это работает все время, но если я тестирую его как в первый раз (IN MA C), я получаю, что эта проблема с датой не загружается. и выдает ошибку, говоря, что не может присвоить значение null . Это означает, что он не находит HTML код document.getelementbyid в начале. Но затем, если я обновлю sh страницу и проверю, что она загружается нормально (я проверял ее 100 раз). Затем я увидел, что после очистки кеша, если я обращаюсь к этой конкретной странице, я вижу, что вначале она не загружается, но позже она работает нормально. И у него есть разные JS файлы, настроенные в одном файле, так что это вызывает проблемы при загрузке? Я что-то упускаю? Любое решение для этого? (Только для MA C) .

Код JS, который я написал, выглядит следующим образом:

 $(document).ready(function(){   
    if($(location).attr('href').indexOf("/ccpaRequest.html")) {    
      if($('div.ccpa-form-content').length){    
        var date = new Date();
        const months = ["JAN","FEB","MAR","APR","MAY","JUN","JUL","AUG","SEP","OCT","NOV","DEC"];
        const monthName = months[date.getMonth()];
        var d = date.getDate() + "-" + monthName + "-" + date.getFullYear();
        document.getElementById('DateField').value = d;   
      } 
    } 
 });

Код HTML, написанный для вышеуказанного:

<div class="ccpa-form-content margin-top-20 marginLeft-10">
   <label class="ccpa-label" for="date">Date:
            <input type="text" id="DateField" name="DateField" disabled>
   </label>