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

Question

我测试了这个数据选择器：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>

这里是屏幕截图：

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

谢谢。

Answer 1

你可以这样设置

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



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

Answer 2

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

的输入

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

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

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

Show datapicker on valid input text

jquery

bootstrap-datepicker