JavaScript 比较当前值和新值

Question

我有一个日期选择器，具体来说是 Kendo，该值只是一个文本字符串值。

我有一个 on change 事件触发，我想将当前值与新选择的值进行比较，然后从那里运行一些额外的代码。很简单，但由于某种原因我无法弄清楚。

我可以比较文档加载时的初始值，但在更改时我需要知道每次更改时的初始值，以比较所选值和当前值。

每次更改时控制台中返回的“currentDateVal”值是页面加载时的初始值。但是，如果有人一遍又一遍地选择日期，则“currentDateVal”与初始页面加载保持不变，而不是每次在新选择中选择的。

这是我的代码：

$(document).ready(function () {
    var currentDateVal = $("#datepicker").val();
    console.log("initial date: " + currentDateVal);
    //Fill in initial Event Names
    $("#datepicker").on("change", function () {
        var selectedDateVal = $("#datepicker").val();
        //selectedDateVal = currentDateVal;
        console.log("on change current date val: " + currentDateVal);
        console.log("selected date val: " + selectedDateVal);
        if (currentDateVal !== selectedDateVal) {
            console.log("date changed");
        } else {
            console.log("date stayed the same");
        }
 });
});

Answer 1

你永远不会重置currentDateVal：

$(document).ready(function () {
    var currentDateVal = $("#datepicker").val();
    console.log("initial date: " + currentDateVal);
    //Fill in initial Event Names
    $("#datepicker").on("change", function () {
        var selectedDateVal = $("#datepicker").val();
        //selectedDateVal = currentDateVal;
        console.log("on change current date val: " + currentDateVal);
        console.log("selected date val: " + selectedDateVal);
        if (currentDateVal !== selectedDateVal) {
            console.log("date changed");
        } else {
            console.log("date stayed the same");
        }

        currentDateVal = selectedDateVal;
 });