如何将输入类型的日期和时间添加到本地存储中?

问题描述

我正在尝试将日期和时间元素插入本地存储。我正在使用datetimepicker。事件onchangeoninput无法正常运行,因为我希望它们能够正常工作,因为您需要使用鼠标选择日期和时间,这将为该输入字段添加值。在提到的事件中,它可以正常工作,但是当用户通过鼠标选择日期时,我需要对其进行设置。摘录中的以下代码中的当前代码

let date_time_array = [];
    date_time_array.push(reschedule_date,reschedule_time);
    date_time_array.forEach(el => {
        el.addEventListener('input',event => {
            localStorage.setItem(el.name,el.value);
        }); 
    });

解决方法

因此,我在这里发现了一个问题。 onchange/oninput/input/dp.change/change.dp/change事件在我的用例中不起作用。看来该事件已更改为change.datetimepicker

下面的当前重构代码:

var currentDate = moment().format('YYYY-MM-DD');
$("#reschedule-date").datetimepicker({
    format: 'DD-MM-YYYY',minDate: currentDate,collapse: false,debug: true,});

$("#reschedule-date").on('change.datetimepicker',function(e){
    localStorage.setItem('reschedule_date',$(this).val());
});

$("#reschedule-date").val(localStorage.getItem('reschedule_date'));