使用jQuery将多个输入类型日期放入href中

Question

有人能帮帮我吗?我想使用<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/&date1="+$(".inpDate").val()+"&date2="+$(this).val());
})
</script>

指出:

如果输入类型是text，它实际上是有效的，但这里我想让输入类型为date，这里我做了多个输入

Answer 1

由于有多个目标具有相同的类，您必须使用$(".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/&date1=" + $(".inpDate:nth-child(1)").val()+"&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>