Bootstrap datetimepicker - 设置日期时间服务器端

时间:2017-10-18 01:39:11

标签: asp.net twitter-bootstrap bootstrap-datetimepicker eonasdan-datetimepicker

我有几个bootstrap日期时间选择器,我正在尝试使用从DB读取的数据设置文本框以及从服务器选择的日期和时间。它会将其设置为今天的上午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();

当我把断点放在上面时,我看到开始日期时间是&#34; 8/23/2017 1:30:00 PM&#34;和结束日期时间是&#34; 8/23/2017 3:00:00 PM&#34;,但在页面上它们都显示为&#34; 10/17/2017 12:00 AM&#34; (今天的约会)

1 个答案:

答案 0 :(得分:0)

为此,您必须设置为useCurrent: false选项,因为默认情况下useCurrent为真。

如果您没有设置,它将始终以当前日期和时间启动页面上的选择器。

  

但在页面上,它们都显示为&#34; 10/17/2017 12:00 AM&#34;   (今天的约会)

这是一个老错误:https://github.com/Eonasdan/bootstrap-datetimepicker/issues/1311

这是在最新版本上解决的我建议您使用V 4.17.47