Bootstrap-日期选择器在弹出窗口中使用之前的值

Question

单击按钮时，将加载模型中某些文本字段的值，然后显示模态。根据单击的按钮，不同的日期会加载到文本字段中。

<button type="button" class="btn btn-warning btn-xs" id="editTeamButton" startdate="01-02-2017" enddate="31-12-2017" teamid="1" xrefid="19">Edit</button>

$(document).on("click", "#editTeamButton", function(event){
    $('#xrefid').val($(this).attr("xrefid"));
    $('#editteamid').val($(this).attr("teamid"));
    $('#editteamstartdate').val($(this).attr("startdate"));
    $('#editteamenddate').val($(this).attr("enddate"));
    $('#editTeamModal').modal('show');

    $('.datepickereditteam').datepicker({
        format: "dd-mm-yyyy",
        maxViewMode: 3,
        language: "nl",
        daysOfWeekHighlighted: "1,2,3,4,5",
        calendarWeeks: true
    });

});

此外，加载日期选择器插件以选择日期范围。第一次工作正常，但第二次单击 #editTeamButton 时，字段 editteamstartdate 和 editteamenddate 中加载了不同的值。然后当点击一个日期字段时，日期选择器使用之前在那里的日期，而不是实际输入的日期（由 jQuery val() 放在那里）。

如何解决这个问题并使日期选择器在单击时始终使用文本字段中的日期？我尝试在加载日期选择器之前先销毁它，但这不起作用。同样的问题。

Answer 1

使用

修复了它

$("#editteamstartdate").datepicker("update", $(this).attr("startdate"));
$("#editteamenddate").datepicker("update", $(this).attr("enddate"));

而不是

$('#editteamstartdate').val($(this).attr("startdate"));
$('#editteamenddate').val($(this).attr("enddate"));

Bootstrap-日期选择器在弹出窗口中使用之前的值

Bootstrap-datepicker uses previous value in popup

jquery

bootstrap-datepicker