Bootstrap datetimepicker中data-target-input="nearest"含义及可选属性咨询

先看你提供的代码：

<div style="display:flex;">
    <div id="{{ 'postStartDate' + $index }}" class="col input-group date pl-0 pr-0" data-target-input="nearest" style="width:170px;">
        <input type="text" class="form-control datetimepicker-input" maxlength="10" placeholder="연도-월-일" data-target="{{ '#postStartDate' + $index }}" data-ng-model="eventPost.postStartDate" data-ng-disabled="eventPost.sameYn === 'Y' || eventPost.alwaysYn === 'Y'">
        <div class="input-group-append" data-target="{{ '#postStartDate' + $index }}" data-toggle="datetimepicker">
            <div class="input-group-text">
                <i class="fa fa-calendar"></i>
            </div>
        </div>
    </div>
    <div class="ml-2">
        <input class="form-control" style="width: 140px !important" type="time" data-ng-model="eventPost.postStartTime" data-ng-disabled="eventPost.sameYn === 'Y' || eventPost.alwaysYn === 'Y'">
    </div>
</div>

1. data-target-input="nearest"的作用 #

这个属性是Bootstrap日期时间选择器的核心配置，用来指定选择器要绑定的输入元素：
当设置为nearest时，组件会自动在当前带date类的容器下，查找最近的.datetimepicker-input类输入框，将选择器选中的日期值同步到该输入框；同时监听输入框的手动输入，实时更新选择器的显示状态。

2. 其他可选属性值 #

除了nearest，还有以下几种可选值：

• parent：匹配当前date容器下所有符合条件的输入框，将日期值同步到所有匹配的输入元素。
• _self：直接将选择器绑定到设置data-target-input的容器元素本身（一般容器是div，这种场景很少用到）。
• 自定义选择器字符串：比如#specificInput或.custom-input-class，直接指定要绑定的单个/多个输入元素，组件会将日期值同步到这些指定元素中。

内容的提问来源于stack exchange，提问作者daoony