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
    });

});

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

如何修复此问题并使datepicker始终使用单击时文本字段中的日期？我尝试在加载之前先破坏datepicker，但这不起作用。同样的问题。

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-datepicker在弹出窗口中使用以前的值

1 个答案: