javascript — Bootstrap Datepicker не отображается в поле даты

Я столкнулся с проблемой выбора даты из 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'/> ";

И для выбора даты

$(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);
});

Почему это работает в первом файле, а не во втором?