<div class="form-row">
<div class="form-group col-md-4">
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text" >Từ ngày:</span>
</div>
<input autocomplete="off" type="text" id="f_tungay" class='form-control ' value="" >
</div>
</div>
<div class="form-group col-md-4">
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text" >Đến ngày:</span>
</div>
<input autocomplete="off" type="text" id="f_denngay" class='form-control ' value="" >
</div>
</div>
<div class="form-group col-md-4">
<button type="button" class="btNapXem btn btn-primary"><i class="fas fa-search"></i> Xem</button>
</div>
</div>
<script type="text/javascript">
$(function() {
$("#f_tungay,#f_denngay").datepicker({
dateFormat: "dd/mm/yy",
inline: true,
showAnim: 'fadeIn',
yearRange: '2010:2025',
changeMonth: true,
changeYear: true,
dayNamesMin:['CN','T2','T3','T4','T5','T6','T7'],
monthNamesShort: ['Tháng 1', 'Tháng 2', 'Tháng 3', 'Tháng 4', 'Tháng 5', 'Tháng 6',
'Tháng 7', 'Tháng 8', 'Tháng 9', 'Tháng 10', 'Tháng 11', 'Tháng 12'],
});
});
$("#f_tungay").val(urlGetValuePara("tungay"));
$("#f_denngay").val(urlGetValuePara("denngay"));
$("#f_tungay,#f_denngay").change(function(){
$('.btNapXem ').trigger("click");
});
$('.btNapXem ').click(function(){
// alert('test');
});
</script>
* Hàm urlGetValuePara
function urlGetValuePara(name)
{
searchParams = new URLSearchParams(window.location.search);
return searchParams.get(name);
}
Input ngày với jquery