ASP.net C＃引導日期時間選擇器分配值

Question

我正在嘗試從Bootstrap 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";

輸出： 輸出-DateTimePicker

當我單擊日歷圖標時，年份開始於0003 :(

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

Answer 1

我假設您正在使用此控件Bootstrap Datepicker 。 將來，您應該包括指向您有問題的圖書館的鏈接（如果您的問題與圖書館有關）。

您的JavaScript看起來不錯。 您是否在瀏覽器中看到任何控制台錯誤？ 您使用的是最新版本嗎？ 這是您的代碼，將ASP.NET標記轉換為標准HTML標記，在Fiddle中工作。

帶有腳本標簽的最小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' });
});