私の日付ピッカーが動作していない

Question

以下は私のコードです.... 入力要素をクリックすると日付ピッカーが表示されません。どこが間違っているの？私のCSSのjsは間違っているかjqueryですか？ jsとcssのあいまいさはありますか？

<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"/> 
<script src="https://code.jquery.com/jquery-1.10.2.js"></script> 
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
<div class="form-group"> 
<label class="col-sm-3 control-label no-padding-right" for="form-field-4">Portfolio Date</label> 
<div class="col-sm-3"> 
@*<input class="input-sm" type="text" id="form-field-4" placeholder=".input-sm" />*@ 
<div class="input-group"> 
@*@Html.TextBoxFor(model => model.portfolioProjectDate, 
new {@class="form-control", type="text", placeholder="Portfolio Date", required="required" })*@ 
<input type='text' id="fiscalYear" name="FiscalYear" class="form-control" placeholder="Booking Date" /> 
@*<input id="fiscalYear" name="FiscalYear" type="text" value="6/30/2015 7:12:21 AM">*@ 

<span class="input-group-addon"> 
<span class="fa fa-calendar"></span> 
</span> 
</div> 
@*<div class="space-2"></div> 
<div class="help-block" id="input-size-slider"></div>*@ 
</div> 
</div> 
<script> 
    $(function() { 
     alert("O"); 
     $("#fiscalYear").datepicker(
     { 
     dateFormat: "mm/dd/yy", 
     showOtherMonths: true, 
     selectOtherMonths: true, 
     autoclose: true, 
     changeMonth: true, 
     changeYear: true, 
     //gotoCurrent: true, 
     }); 
    }); 
</script> 

Answer 1

これによってあなたのdatepicker作品は、あなたの設定により、それをカスタマイズする場合

<link href="css/bootstrap.css" rel="stylesheet"> 
<link href="css/datepicker.css" rel="stylesheet"> 

<script src="js/bootstrap.js"></script> 
<script src="js/jquery-1.7.1.js"></script> 
<script src="js/bootstrap-datepicker.js"></script> 

、あなたがdatepickerライブラリとCSSが含まれていることに注意してくださいdatepicker

document.ready内部

$(document).ready(function() { 
    $('#fiscalYear').datepicker(); 
}) 

を初期化してみ、

$("#fiscalYear").datepicker(

      { 
       dateFormat: "mm/dd/yy", 
       showOtherMonths: true, 
       selectOtherMonths: true, 
       autoclose: true, 
       changeMonth: true, 
       changeYear: true, 
       //gotoCurrent: true, 
      });