Как я могу получить значение из cookie, чтобы поставить на вход «дату»?

Question

Работая напрямую, я работаю над проектом, в котором есть кнопка фильтра, но одно из требований - сохранить параметры в формах фильтра, если пользователь обновит страницу.

Проблема в том, что: когда я обновляю страницу значениями в форме, просто ввод данных DATE сбрасывает

У меня есть три формы, и последняя является датой.Мне удалось заставить это работать на первых двух с jQuery, но с полем даты это просто не работает ...

Кто-нибудь знает, как решить это?спасибо!

$(document).ready(function() {
  if (document.getElementById("car_result"))
    document.getElementById("car_result").value = localStorage.getItem("item_result");

  if (document.getElementById("car_action"))
    document.getElementById("car_action").value = localStorage.getItem("item_action");

  if (document.getElementById("dei"))
    document.getElementById("dei").value = localStorage.getItem("item_dei");
});

$(window).on('beforeunload', function() {
  localStorage.setItem("item_result", document.getElementById("car_result").value);
  localStorage.setItem("item_action", document.getElementById("car_action").value);
  localStorage.setItem("item_dei", document.getElementById("dei").value);
});

<div class="container-fuid">
  <div class="row col-sm-12">
    <div class="col-sm-6">
      <form class="form text-center" id="form1">
        Result: <input id="car_result" type="text" class="form-control"><br> 
        Last name: <input id="car_action" type="text" class="form-control">

        <input placeholder="Initial date" class="textbox-n form-control borderform" type="text" onfocus="(this.type='date')" name="dei" id="dei" /><br><br>

        <button>Filter</button>
      </form>
    </div>
  </div>
</div>