Bootstrap Datepicker未显示在日期字段中

Question

我遇到了一个来自Bootstrap的日期选择器的问题。我能够在一个页面上工作，使用

在该PHP文件中调用的模态

var date_input=$('input[name="date"]'); //our date input has the name "date"
      var container=$('.bootstrap-iso form').length>0 ? $('.bootstrap-iso form').parent() : "body";
      var options={
        format: 'dd/mm/yyyy',
        container: container,
        todayHighlight: true,
        autoclose: true,
      };
      date_input.datepicker(options);

我还有另一个弹出窗口，它调用一个单独的php文件，我试图使用相同的方法，但它似乎不起作用。单独的PHP文件中的代码是

echo "Delivery Date: <input class='form-control date2' tabindex='3' id='date2' name='date2' value='$delivery_date' type='text'/> ";

对于datepicker

$(document).ready(function() {
var date_input=$('input[name="date2"]'); //our date input has the name "date"
      var options={
        format: 'dd/mm/yyyy',
        todayHighlight: true,
        autoclose: true,
      };
      date_input.datepicker(options);
});

为什么它在第一个文件中工作，而不是第二个文件？