ASP.net C# bootstrap datetimepicker 赋值
ASP.net C# bootstrap datetimepicker assign value
我正在尝试显示 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";
当我点击日历图标时,年份从 0003 开始:(
问题:
如何在文本框上显示日期 2016-03-13
?
我假设您正在使用此控件 Bootstrap Datepicker。将来您应该将 link 添加到您有问题的图书馆(如果您的问题与图书馆有关)。
你的 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' });
});
我正在尝试显示 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";
当我点击日历图标时,年份从 0003 开始:(
问题:
如何在文本框上显示日期 2016-03-13
?
我假设您正在使用此控件 Bootstrap Datepicker。将来您应该将 link 添加到您有问题的图书馆(如果您的问题与图书馆有关)。
你的 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' });
});