引導日期時間選擇器不會摺疊

我正在嘗試爲我的mvc 5應用程序添加日期時間選擇器。嘗試了幾種方法來做到這一點。但它不起作用。文本框和日曆圖標出現在視圖上，但是當我點擊日曆時它不會崩潰並顯示日曆。爲什麼？引導日期時間選擇器不會摺疊

<link href="~/Content/bootstrap.min.css" rel="stylesheet" /> 

<link href="~/Content/bootstrap-datetimepicker.min.css" rel="stylesheet" /> 


<div class="container"> 
    <form action="" class="form-horizontal" role="form"> 
     <fieldset> 
      <legend>Test</legend> 
      <div class="form-group"> 
       <label for="dtp_input1" class="col-md-2 control-label">DateTime Picking</label> 
       <div class="input-group date form_datetime col-md-5" data-date="1979-09-16T05:25:07Z" data-date-format="dd MM yyyy - HH:ii p" data-link-field="dtp_input1"> 
        <input class="form-control" size="16" type="text" value="" readonly> 
        <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span> 
        <span class="input-group-addon"><span class="glyphicon glyphicon-th"></span></span> 
       </div> 
       <input type="hidden" id="dtp_input1" value="" /><br /> 
      </div> 

     </fieldset> 
    </form> 
</div> 




<script src="~/Scripts/jquery-1.10.2.min.js"></script> 
<script src="~/Scripts/bootstrap.min.js"></script> 
<script src="~/Scripts/bootstrap-datetimepicker.js"></script> 

<script type="text/javascript"> 
    $('.form_datetime').datetimepicker({ 
     //language: 'fr', 
     weekStart: 1, 
     todayBtn: 1, 
     autoclose: 1, 
     todayHighlight: 1, 
     startView: 2, 
     forceParse: 0, 
     showMeridian: 1 
    }); 
    $('.form_date').datetimepicker({ 
     language: 'fr', 
     weekStart: 1, 
     todayBtn: 1, 
     autoclose: 1, 
     todayHighlight: 1, 
     startView: 2, 
     minView: 2, 
     forceParse: 0 
    }); 
    $('.form_time').datetimepicker({ 
     language: 'fr', 
     weekStart: 1, 
     todayBtn: 1, 
     autoclose: 1, 
     todayHighlight: 1, 
     startView: 1, 
     minView: 0, 
     maxView: 1, 
     forceParse: 0 
    }); 
</script>

來源

2015-05-22 Thilina De Silva