Блог

Кто-нибудь может мне помочь? Я хочу использовать <input type="date"> и вставить значение, вставленное в <a href=""> использование jQuery. Я старался изо всех сил, но я не могу решить эту проблему, пожалуйста, помогите.

HTML-разметка:

     <input type="date" class="inpDate" value="">
    <input type="date" class="inpDate" value="">
    <a href="" id="getDate">Search</a>

 

Код сценария :

 <script>
$(".inpDate").on("keyup",function(e){

  if(e. keyCode === 13){
    var address     = $('#getDate').attr('href');
    window.location = address;
  } 

  $('#getDate').attr("href","?page=d_jurnal_laporan/amp;date1=" $(".inpDate").val() "amp;date2=" $(this).val());
})
</script>
 

Примечания:

На самом деле это работает, если тип ввода-текст, но здесь я хочу указать дату ввода, и здесь я делаю более одного ввода

Поскольку существует несколько целей с одним и тем же классом, вы должны использовать $(".inpDate")[0].value $(".inpDate")[1].value комбинацию и $("inpDate:nth-child(1)").val() ИЛИ $("inpDate:nth-child(2)").val() и.

Редактировать

keyup работает только для ключевых событий. Для события выбора календаря это не сработает. Для этого используйте change событие, а не keyup так, чтобы оно срабатывало для обоих методов ввода.

 $(".inpDate").on("change",function(e){
    if(e. keyCode === 13){
        var address     = $('#getDate').attr('href');
        window.location = address;
    }
    const url = "?page=d_jurnal_laporan/amp;date1="   $(".inpDate:nth-child(1)").val() "amp;date2=" $(".inpDate:nth-child(2)").val();
    console.log(url);
    $('#getDate').attr("href", url);
}) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<input type="date" class="inpDate" value="">
<input type="date" class="inpDate" value="">
<a href="" id="getDate">Search</a>