Bootstrap datetimepicker无法正常工作 [英] Bootstrap datetimepicker is not working properly

问题描述

我使用bootstrap datetimeoicker为我的DOB文本框生成日历控件



发生了两个问题



1.我只想要约会，但这也会产生时间。

2.这很奇怪铬，genarting 2个不同的日历，甚至在点击日历图标后，我无法从那里选择日期。



请帮助

< br $> b $ b

Hi ,

I am using bootstrap datetimeoicker for generating calender control for my DOB textbox

There are two issues happening

1. I want only date but this generates with time as well.
2. This works very odd on chrome , genarting 2 different calenders and even after clicking on calender icon i am not able to select dates from there.

Please help

<script type="text/javascript">
    $(document).ready(function () {
        bindDatePicker();
        Sys.WebForms.PageRequestManager.getInstance().add_endRequest(bindDatePicker);
    });

    function bindDatePicker() {
        $('.picker').datetimepicker({
            language: 'fr',
            weekStart: 1,
            todayBtn: 1,
            autoclose: 1,
            todayHighlight: 1,
            startView: 2,
            minView: 2,
            forceParse: 0,
            pickTime: false
        });
    }
</script>

<div class="form-group">
                          <label for="smallinput" class="col-sm-2 control-label label-input-sm">DOB</label>
                          <div class="input-group date  col-sm-8 picker" id='datetimepicker1'>
                              <asp:TextBox TextMode="Date" ID="txtDOB" runat="server" CssClass="form-control1 input-sm"></asp:TextBox>
                              <asp:RequiredFieldValidator ID="RequiredFieldValidator13" Display="None" runat="server" ErrorMessage="DOB is required." ControlToValidate="txtDOB" ValidationGroup="Save"></asp:RequiredFieldValidator>
                              <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
                              <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                          </div>
                          <input type="hidden" id="dtp_input2" value="" /><br />
                      </div>

推荐答案

（document）.ready（function（）{
bindDatePicker（）;
Sys.WebForms.PageRequestManager.getInstance（）。add_endRequest（bindDatePicker）;
}）;

函数bindDatePicker（）{

(document).ready(function () { bindDatePicker(); Sys.WebForms.PageRequestManager.getInstance().add_endRequest(bindDatePicker); }); function bindDatePicker() {

（'。picker'）。datetimepicker（{
language：'fr'，
weekStart： 1，
todayBtn：1，
autoclose：1，
todayHighlight：1，
startView：2，
minView：2，
forceParse：0，
pickTime：false
}）;
}
< / script>

('.picker').datetimepicker({ language: 'fr', weekStart: 1, todayBtn: 1, autoclose: 1, todayHighlight: 1, startView: 2, minView: 2, forceParse: 0, pickTime: false }); } </script>

<div class="form-group">
                          <label for="smallinput" class="col-sm-2 control-label label-input-sm">DOB</label>
                          <div class="input-group date  col-sm-8 picker" id='datetimepicker1'>
                              <asp:TextBox TextMode="Date" ID="txtDOB" runat="server" CssClass="form-control1 input-sm"></asp:TextBox>
                              <asp:RequiredFieldValidator ID="RequiredFieldValidator13" Display="None" runat="server" ErrorMessage="DOB is required." ControlToValidate="txtDOB" ValidationGroup="Save"></asp:RequiredFieldValidator>
                              <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
                              <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                          </div>
                          <input type="hidden" id="dtp_input2" value="" /><br />
                      </div>

看看这里： Datepicker Widget | jQuery UI API文档 [ ^ ]并在此处： Bootstrap 3 Datepicker [ ^ ]

声明：

Take a look here: Datepicker Widget | jQuery UI API Documentation[^] and here: Bootstrap 3 Datepicker[^]
declaration:

这篇关于Bootstrap datetimepicker无法正常工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！