刷新页面后仍为TextBox值

Question

我有一个文本框，这是我向其中分配值的方式

var start = moment().subtract(6, 'days');
var end = moment();

        $('#datePicker').daterangepicker({
            timepicker: false,
            startDate: start,
            endDate: end,
            ranges: {
                'Today': [moment(), moment()],
                'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
                'Last 7 Days': [moment().subtract(6, 'days'), moment()],
                'Last 30 Days': [moment().subtract(29, 'days'), moment()],
                'This Month': [moment().startOf('month'), moment().endOf('month')],
                'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
            }
        }, cb);

        cb(start,end);

        function cb(start, end) {
            $('#datePicker').html(start + ' - ' + end);
        }

我的界面

如您所见，我选择日期值（04/04/2020-04/04/2020）并单击按钮，它将从数据库中检索数据并刷新页面，刷新后，文本框值将更改回03/29/2020-04/04/2020（默认使用一周前的日期）。此文本框为Asp.net文本框

刷新后是否可以通过任何方式保留文本框值？

让我知道是否需要更多信息

Answer 1

您可以将数据存储在localstorage中，并在页面加载时填充您的输入框

    function cb(start, end) {
        $('#datePicker').html(start + ' - ' + end);
        localStorage.setItem("dates",JSON.stringify({start,end}));
    }

   document.addEventListener("DOMContentLoaded", function(event) { 
      var dateObj=JSON.parse(localstorage.getItem('dates'));
      // set start and end date value from date object
   });