为什么日期不显示为jquery日期选择器？

Question

我使用日期选择器jquery，它没有在输入字段内显示。我的链接是https://jsfiddle.net/sbk2hd4c/10/。

我的代码：

<div class="container">
    <div class="row">
        <div class='col-sm-6'>
            <div class="form-group">
                <div class='input-group date' id='datetimepicker1'>
                    <input type='text' class="form-control" />
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
        </div>

    </div>
</div>

我的链接是：https://jsfiddle.net/sbk2hd4c/10/

提前谢谢!!!

Answer 1

检查

https://jsfiddle.net/sbk2hd4c/11/

您在 div 中使用了您的ID，该ID应位于输入标记中

<div class="container">
    <div class="row">
        <div class='col-sm-6'>
            <div class="form-group">
                <div class='input-group date' >
                    <input type='text' class="form-control" id='datetimepicker1' />
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
        </div>

    </div>
</div>

Answer 2

<input type='text' class="form-control" id='datetimepicker1' />

如上所述更改输入的ID。 Div应该有不同的身份。

Answer 3

您可以将changeDate绑定到日期选择器，并可以在textBox中设置日期

$('#datetimepicker1').datetimepicker().on('changeDate', dateChangeListener);

function dateChangeListener(event) {
    var formattedDate = event.format('dd.mm.yy');
    $('text_box_id').val(formattedDate);
}