ASP.net C＃bootstrap datetimepicker賦值

Question

我試圖從代碼後面的代碼中顯示日期DateTimePicker，但它不會正確顯示。

這是我的HTML/ASP腳本：

<asp:TableCell> 
    <asp:Label ID="Label9" runat="server" Text="Label">DATE ISSUED:</asp:Label> 
    <div class="form-group"> 
     <div class='input-group date' id='datetimepicker1'> 
      <asp:TextBox ID="txt_DateIssued" runat="server" 
         CssClass="form-control" Width="374px"> 
      </asp:TextBox>  
      <span class="input-group-addon"> 
       <span class="glyphicon glyphicon-calendar"></span> 
      </span> 
     </div> 
    </div>      
</asp:TableCell> 

<script type="text/javascript"> 
    $(function() { 
     $('#datetimepicker1').datetimepicker({ format: 'YYYY-MM-DD' }); 
    }); 
</script> 

這是我的C＃代碼：

txt_DateIssued.Text = "2016-03-13"; 

輸出： Output - DateTimePicker

，當我點擊日曆圖標，年開始於0003 :(

問題： 如何在文本框上顯示日期2016-03-13？

Answer 1

我假設您正在使用此控件Bootstrap Datepicker。將來你應該包含鏈接到你有問題的圖書館（如果你的問題是關於圖書館的）。

你的JavaScript看起來不錯。你在瀏覽器中看到任何控制檯錯誤嗎？你使用的是最新版本嗎？這裏是您的代碼工作在Fiddle與ASP.NET標記轉換爲標準的HTML標記。

帶腳本標記的最小HTML片段。

<div class='container'> 
    <div class="form-group"> 
    <div class='input-group date' id='datetimepicker1'> 
     <input type='text' ID="txt_DateIssued" class="form-control" width="374px"></input>  
     <span class="input-group-addon"> 
     <span class="glyphicon glyphicon-calendar"></span> 
     </span> 
    </div> 
    </div> 
</div> 
<script type="text/javascript" src="https://code.jquery.com/jquery-2.2.1.min.js"></script> 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.11.2/moment.min.js"></script> 
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script> 

的JavaScript

$(function() { 
    $('#datetimepicker1').datetimepicker({ format: 'YYYY-MM-DD' }); 
});