Tentei pesquisar no Google e procurar uma pergunta parecida no SO, mas ainda não encontrei nada. Tenho um problema em que crio e abro um modal a partir do jquery e tento acessar um seletor de datas, no entanto, ele não ativa o JS dos selecionadores de datas.

$("[id=add]").click(function () {
    $("#myModal .modal-header h4").html("Request for Change");
    $("#myModal .modal-body").html('<form class="form-horizontal" role="form"><br /><br /><label class="col-sm-2 control-label">Date Required</label><div class="col-sm-3"><div class="input-group date col-sm-8"><input type="text" class="form-control" id="DateRequired"><span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span></div></div></div>');
    $("#myModal").modal("show");
});

(Desculpas pelo comprimento da linha longa, no entanto, removi o máximo possível - apenas mostrando o código que se relaciona ao problema agora.)

Eu tenho esses scripts referenciados na parte superior:

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.js"></script>
<script src="~/Scripts/jquery.tablesorter.min.js"></script>

E no mesmo<script> </script> tag como a função jquery acima, no topo eu tenho:

$('.input-group.date').datepicker({
    format: "dd/mm/yyyy",
    startDate: "01-01-2015",
    endDate: "01-01-2020",
    todayBtn: "linked",
    autoclose: true,
    todayHighlight: true
});

Eu tenho esse código usado de maneira semelhante (exceto no modal jquery - simplesmente em uma página cshtml) que funciona corretamente. Não sei por que dessa maneira não vai funcionar. Eu usei ferramentas de desenvolvedor para tentar rastrear um problema, mas não há erros - os scripts carregam corretamente, no entanto, ao clicar na Data necessária, ele não é acionado no jquery para datepicker.

Estou usando o html Jquery errado para criar o modal?

Felicidades