為什么我的Bootstrap日期選擇器不工作？

我的代碼中有一個Bootstrapdatetimepicker組件，它在幾周前還在工作，但已經停止工作。我很感激能幫助我重新開始工作。

下面是我的HTML代碼：

<script src="https://cdn.jsdelivr.net/npm/web3@latest/dist/web3.min.js"></script>
<script src="https://unpkg.com/moralis@latest/dist/moralis.js"></script>
<script src="js/app.js"></script>    
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script><script src="js/jquery.easing.1.3.js+jquery.waypoints.min.js+jquery.stellar.min.js+owl.carousel.min.js.pagespeed.jc.AgoWNHbz_d.js"></script></script>
<script src="js/jquery.toolbar.js"></script>
<script src="js/jquery-migrate-3.0.1.min.js+popper.min.js+bootstrap.min.js.pagespeed.jc.ln39gZSjGk.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/6-beta4/js/tempus-dominus.min.js"></script>

    <form action="" method="post" class="datepickers">
        <div class="form-group">
            <div class="input-group date" id="id_0">
                <input type="text" value="10/01/2019 05:32:00 PM" class="form-control" required />
            </div>
        </div>
     </form>

     <script type="text/javascript">
         $(document).ready(function(){
               $(".datepickers").click(function(){ 
                   $("#id_0").datetimepicker();
                    
                   alert("MammazZ!");
               });
         });    
      </script>
   </div>
</div>

當我在datepickers輸入字段內單擊時，如下圖所示：會觸發MammazZ警報，隨后會發生輕微變化（秒省略），如下圖所述：

請幫我解決這個問題！