Bootstrap datetimepicker - 设置日期时间服务器端
Bootstrap datetimepicker - set date time server side
我有几个 bootstrap 日期时间选择器,我正在尝试使用从数据库读取的数据设置文本框以及从服务器选择的日期和时间。它一直将其设置为今天上午 12:00 的日期。
这是我的 .aspx 和 .aaspx.cs 文件内容:
$(document).ready(function () {
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);
Sys.WebForms.PageRequestManager.getInstance().beginAsyncPostBack();
function EndRequestHandler(sender, args) {
$('#tpStartDate').datetimepicker({
sideBySide: true,
ignoreReadonly:true,
daysOfWeekDisabled:[0,6]
});
$('#tpEndDate').datetimepicker({
sideBySide: true,
ignoreReadonly:true,
daysOfWeekDisabled:[0,6]
});
}
});
<div class="col-sm-3 col-md-3">
<div class="form-group">
<label for="title">Start Date</label>
<div class="input-group date" id="tpStartDate">
<input runat="server" id="tbStartDateTime" type="text" class="form-control" readonly="readonly" style="cursor:pointer" />
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar" style="cursor:pointer"></span>
</span>
</div>
</div>
</div>
.cs:
tbStartDateTime.Value = dtClassList.Rows[0]["StartDateTime"].ToString();
tbEndDateTime.Value = dtClassList.Rows[0]["EndDateTime"].ToString();
当我在上面放置断点时,我看到开始日期时间是“8/23/2017 1:30:00 PM”,结束日期时间是“8/23/2017 3:00:00 PM”,但是它们都显示为“10/17/2017 12:00 AM”(今天的日期)
为此,您必须设置选项 useCurrent: false
,因为默认情况下 useCurrent
为真。
如果您不设置,它将始终以当前日期和时间在页面上启动选择器。
but on the page they are both displayed as "10/17/2017 12:00 AM"
(today's date)
这是一个老错误:https://github.com/Eonasdan/bootstrap-datetimepicker/issues/1311
这在最新版本上已解决 我建议您使用 V 4.17.47
我有几个 bootstrap 日期时间选择器,我正在尝试使用从数据库读取的数据设置文本框以及从服务器选择的日期和时间。它一直将其设置为今天上午 12:00 的日期。
这是我的 .aspx 和 .aaspx.cs 文件内容:
$(document).ready(function () {
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);
Sys.WebForms.PageRequestManager.getInstance().beginAsyncPostBack();
function EndRequestHandler(sender, args) {
$('#tpStartDate').datetimepicker({
sideBySide: true,
ignoreReadonly:true,
daysOfWeekDisabled:[0,6]
});
$('#tpEndDate').datetimepicker({
sideBySide: true,
ignoreReadonly:true,
daysOfWeekDisabled:[0,6]
});
}
});
<div class="col-sm-3 col-md-3">
<div class="form-group">
<label for="title">Start Date</label>
<div class="input-group date" id="tpStartDate">
<input runat="server" id="tbStartDateTime" type="text" class="form-control" readonly="readonly" style="cursor:pointer" />
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar" style="cursor:pointer"></span>
</span>
</div>
</div>
</div>
.cs:
tbStartDateTime.Value = dtClassList.Rows[0]["StartDateTime"].ToString();
tbEndDateTime.Value = dtClassList.Rows[0]["EndDateTime"].ToString();
当我在上面放置断点时,我看到开始日期时间是“8/23/2017 1:30:00 PM”,结束日期时间是“8/23/2017 3:00:00 PM”,但是它们都显示为“10/17/2017 12:00 AM”(今天的日期)
为此,您必须设置选项 useCurrent: false
,因为默认情况下 useCurrent
为真。
如果您不设置,它将始终以当前日期和时间在页面上启动选择器。
but on the page they are both displayed as "10/17/2017 12:00 AM" (today's date)
这是一个老错误:https://github.com/Eonasdan/bootstrap-datetimepicker/issues/1311
这在最新版本上已解决 我建议您使用 V 4.17.47