Bootstrap datepicker 引导日历在第二次单击时打开，而不是在第一次单击时打开

我的页面上有多个动态日历

在编写动态代码时，会呈现多个日历，如下图所示

<div class="input-group date dvPeriodDate" id="cal101" style="width: 150px;"> <input type="text" onkeypress="return isNumberKey(event)" maxlength="10" width="100" class="form-control bootstrap-datetimepicker-widget" value="01/01/2004" id="txtPeriodDate101" name="txtPeriodDate">  <div class="input-group-addon btn btn-default" onclick="GetContent(101)" id="transDateIcon101"><i class="fa fa-calendar"></i> </div> </div>

日历在第二次点击日历图标时打开，有人能告诉我第一次点击时应该如何打开它吗

 $('.dvPeriodDate').datetimepicker({
        format: 'MM/DD/YYYY',
        toolbarPlacement: 'bottom',
        showClose: true,
        showTodayButton: true,
        keepInvalid: true,
        keyBinds: {
            up: null,
            down: function (widget) {
                if (!widget) {
                    this.show();
                    return;
                }
            },
            left: null,
            right: null,
            t: null,
            'delete': null
        }
    });