[英]How make “check out date” autofill the following day of “check in date” using pickadate.js
<script type="text/javascript">
$('.datepicker').pickadate();
$('.datepicker2').pickadate();
</script>
<form action="#" method="get">
Check In Date: <input type="text" class="datepicker"><br>
Check Out Date: <input type="text" class="datepicker2"><br>
<input type="submit" value="Submit">
</form>
这只是我制作的html的基本形式,我不知道如何在pickadate.js上执行自动填充
$(function(){
$( "#submit" ).click(function(event)
{
event.preventDefault();
$('#datepicker').pickadate();
$('#datepicker2').pickadate();
}
});
<form action="#" method="post">
Check In Date: <input type="text" id="datepicker" class="datepicker"><br>
Check Out Date: <input type="text" id="datepicker2" class="datepicker2"><br>
<input type="submit" value="Submit" id="submit">
</form>
您可以阅读文档 。 有一段称为事件。 您只需添加一个小的onSet函数,例如,它将日期设置为第二个日期选择器。
<script type="text/javascript">
$('.datepicker').pickadate(
onSet: function(context) {
// Maybe set the min date for the second datepicker.
$('.datepicker2').pickadate(
min: new Date(document.getElementByClassName("datepicker").value),
);
// maybe increment the value by one too...
}
);
$('.datepicker2').pickadate();
</script>
<form action="#" method="get">
Check In Date: <input type="text" class="datepicker"><br>
Check Out Date: <input type="text" class="datepicker2"><br>
<input type="submit" value="Submit">
</form>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.