Question

*********这是一个错误 - DATETIMEPICKER.JS已被破坏* APOLOGIES。********

<div id="post" class="panel-collapse collapse">
        <div class="panel panel-default">
            <br />
            <br />
        <div class="container">
            <div class="form-group col-sm-6">
            <script type="text/javascript">
                $(document).ready(function() {
                $('.datepicker1').datepicker();
            </script>
                <div id="datetimepicker1" class="input-append date">
                    <input id="date_txt" runat="server" data-format="dd/MM/yyyy" type="text" />
                    <span class="add-on"><i class="glyphicon glyphicon-calendar"></i></span>
                </div>
            </div>
        </div>

datepicker在其他任何地方都可以正常工作。除非放在像这样的可折叠面板内。我做错了吗？

更新代码：

<div class="col-sm-9">
     <script type="text/javascript">
         $(function () {
             $('#datetimepicker2').datetimepicker({
                 pickTime: false
             });
         });
    </script>
    <div id="datetimepicker2" class="input-append date">
        <input id="date_txt" runat="server" data-format="dd/MM/yyyy" type="text" />
        <span class="add-on"><i class="glyphicon glyphicon-calendar"></i></span>
    </div>
</div>

Answer 1

两个原因，即datepicker无法在折叠面板内工作

在HTML中，您有id选择器

<div id="datetimepicker1" class="input-append date">

在脚本中，您的目标是

$('.datepicker1').datepicker();

应该是

$('#datepicker1').datepicker();

并且您缺少关闭就绪事件的大括号});，这会导致语法错误。

<script type="text/javascript">
    $(document).ready(function() {
        $("#datepicker1").datepicker();
    }); <---This was missing
</script>

修改

由于您只想显示日期而非时间，因此我认为pickTime: false不支持，因为pickDate和pickTime已从当前版本中删除。

所以尝试这样，你也可以设置日期格式，我认为你试图在输入中设置。

<script type="text/javascript"> $(function () { $("#datetimepicker2").datetimepicker({ format: "DD/MM/YYYY" }); }); </script>

Working Fiddle

Datetimepicker在折叠面板

1 个答案: