Javascript 在输入字段中输入新日期时，如何突出显示我的日历？

因此，我的页面上有两个日历，当我选择日期时，它会在我创建的字段中显示这些选定的日期。但我想做的是；如果用户手动更改这些日期（或其中任何一个），我希望我的日历也会更新这些日期并使其高亮显示

<div class="check-in">
        <input type="text" autocomplete="off" id="check_in" name="Checkin" placeholder="DD/MM/YYYY"required>
        </div>

        <div class="check-out">
        <input type="text" autocomplete="off" id="check_out" name="Checkout" placeholder="DD/MM/YYYY" required>
        </div>
enter code here

function selectDates(selected) {
            if (!$.isEmptyObject(selected)) {
                var dateElements1 = datesBody1.find('div');
                var dateElements2 = datesBody2.find('div');

                function highlightDates(passed_year, passed_month, dateElements){
                    if (passed_year in selected && passed_month in selected[passed_year]) {
                        var daysToCompare = selected[passed_year][passed_month];
                        // console.log(daysToCompare);
                        for (var d in daysToCompare) {
                            dateElements.each(function(index) {
                                if (parseInt($(this).text()) == daysToCompare[d]) {
                                    $(this).addClass('selected');
                                }
                            });
                        }

                    }
                }

                highlightDates(year, month, dateElements1);
                highlightDates(nextYear, nextMonth, dateElements2);
            }
        }

在这里输入代码
函数selectDates（已选）{
如果（！$.isEmptyObject（选定））{
var dateElements1=datesBody1.find（'div'）；
var dateElements2=datesBody2.find（'div'）；
函数highlightDates（过去的年、过去的月、日期元素）{
如果（在所选的[已通过的年]中通过的年和在所选的[已通过的年]中通过的月）{
var daysToCompare=所选[通过年][通过月]；
//console.log（daysToCompare）；
for（var d以天为单位进行比较）{
dateElements.each（函数（索引）{
if（parseInt（$（this）.text（））==daysToCompare[d]）{
$（this.addClass（'selected'）；
}
});
}
}
}
突出显示日期（年、月、日期元素1）；
高亮日期（下一个月、下一个月、日期元素2）；
}
}

您的问题有点令人困惑，并且您的示例与您给出的代码不一致，请参见：您到底想做什么？如果你想做我认为你想做的事情，我会说实现这一点最简单的方法是通过vue.js框架。请参阅此url的“处理用户输入”部分：嗨，山姆，谢谢你回复我。基本上，我有两个输入字段来处理签入和签出日期。我的页面上有一个日历，用户可以在其中选择日期。选择日期后，它将显示在输入字段中。我想做的是对其进行反向工程，因此如果用户手动更改日期，它也会移动日历上突出显示的日期。好的，我肯定认为vue将是解决此问题的方法。Vue使用非常简单，并提供数据绑定。所以你可以非常简单地逆转这个过程