Javascript jquery datetimepicker仅使用图标打开日历

我正在使用[jquery datetimepicker][1]并尝试对其进行设置，以便用户可以在输入字段中自由键入日期，而不会弹出日历，但如果他们想直观地选择日期/时间，他们可以选择单击输入字段旁边的图标以弹出选择器。这一切都可以正常工作，除了我无法禁用日历在输入字段获得焦点时弹出（无论是单击它还是切换到它）。单击日历图标将正确显示日历，我希望这是弹出日历的唯一方法。其他datetimepicker似乎有一个从输入字段禁用日历弹出窗口的选项，但我找不到此datetimepicker的此选项-我可能缺少一些内容。如果没有选择，是否有人能够建议使用一些javascript来防止在触摸输入字段时弹出日历

HTML:

JS

$。每个（$（'.dateinput，.datetimeinput'），函数（）{
if（$（this）.hasClass（“datetimepicker”））{
$（this.wrap（“”）；
$（'

<input type="text" name="planned_date" class="dateinput datetimepicker form-control" tabindex="5" autocomplete="off" data-check-month="1" data-min-date="0" data-max-date="45" data-input="" id="id_planned_date">

$.each($('.dateinput, .datetimeinput'), function () {
if ($(this).hasClass("datetimepicker")) {
            
            $(this).wrap("<div class='input-group'></div>");
            $('<a class="input-button" title="toggle" data-toggle><i class="fa fa-calendar"></i></a>').insertAfter(this);
            $(this).datetimepicker({
                format: 'm/d/Y',
            });
            $(this).next("a").click(function () {
                $(this).prev().datetimepicker('toggle');
            });
        }   
    });