在有效输入文本上显示日期选择器答案

【问题标题】：Show datapicker on valid input text在有效输入文本上显示日期选择器
【发布时间】：2018-02-07 08:38:47
【问题描述】：

我测试了这个数据选择器：https://github.com/uxsolutions/bootstrap-datepicker

问题是，数据选择器显示在有效的输入文本上。这是我的 HTML 代码：

<span class="input-box">
    <input type="text" placeholder="Treść notatki..." name="msg-box" id="msg-box-'.$results['USER_ID'].'" class="datepicker_message_div" />
    <div data-date="'.$results['TOMORROW_DATE'].'" data-date-format="dd-mm-yyyy" class="input-append date datepicker datepicker_div">
        <span style="border-right: none;" class="add-on"><i class="icon-th"></i></span>
        <input type="text" value="" placeholder="Data powiadomienia" value="" title="Data powiadomienia (parametr nieobowiązkowy)" id="date-box-'.$results['USER_ID'].'"  data-date-format="mm-dd-yyyy" class="span11" >
        <button class="btn btn-success chat_msg_save" id="chat_msg_save_'.$results['USER_ID'].'">Zapisz</button>
    </div>
    <input type="hidden" id="chat_current_edit_'.$results['USER_ID'].'" value="">
</span>

这是截图：

所以我有两个输入类型文本和日期选择器显示有效。它应该在第二个输入文本中打印，而不是在发送文本消息的第一个输入文本中打印。我该如何解决？

谢谢。

【问题讨论】：

标签： jquery bootstrap-datepicker

【解决方案1】：

我的猜测是您希望将日期选择器附加到 ID 为 id="date-box-'.$results['USER_ID'].'" 的输入中

根据documentation，您可以在输入中添加一个属性：

data-date-container="date-box-'.$results['USER_ID'].'"

【讨论】：

我为 100 个元素附加了这个数据选择器，所以每个 #date-box 都有其他 ID。我必须添加您的代码 100 次？或者我可以添加一次这个元素的类名？
编辑了答案
它仍然显示在有效输入中。我还尝试在 datepicker 初始化函数中添加：inputs: $('.datepicker_show_module'), 并为我的输入设置类 datepicker_show_module，但它仍然显示在有效输入中。
这应该可以。看看这个答案stackoverflow.com/a/29000794/7652544

【解决方案2】：

你可以这样设置

  var FirstTextBoxVal=$(".datepicker_message_div").val();



    $(".date-box-Text").val(FirstTextBoxVal);

【讨论】：