禁用带datetimepicker的输入字段，仅将日历图标用作输入

Question

我看了一下，但是没有一个问题能回答我的疑问，所以我决定去做这个话题。

那是我的前端HTML：

<div class="col">
    <label>Star Date *</label>
    <div class="input-group date" id="datetimepicker1" data-target-input="nearest">
        <input type="text" id="datetimepicker1Input" class="form-control datetimepicker-input" data-target="#datetimepicker1" disabled>
        <div class="input-group-append" data-target="#datetimepicker1" data-toggle="datetimepicker">
            <div class="input-group-text"><i class="fa fa-calendar"></i></div>
        </div>
    </div>
</div>

那是我的JavaScript

$('#datetimepicker1').datetimepicker({
    //locale: 'pt-BR',
    format: 'DD/MM/YYYY HH:mm:ss',
    maxDate: dateTomorrowBlock,
});

我试图禁用该字段，但是这样做同时也禁用了日历字段，因此我无法输入任何值。