Datetimepicker在折叠面板内不起作用

debugcn 发表于 Dev

伊桑·帕特尔（Ishaan Patel）

*********这是一个错误-DATETIMEPICKER.JS损坏了*道歉。********

<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>

日期选择器在其他任何地方都可以正常工作。除非放在这样的可折叠面板中。我做错了吗？

更新的代码：

<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>

希拉里

日期选择器无法在折叠面板中工作的两个原因

在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>

工作小提琴

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。