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

Question

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

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