Jquery 日期选择器-自动指定签入日期后1天
我想将签入日期后的1天指定为签出日期。。并隐藏选择的日期和签入日期日期选择器在签出日期之前的日期Jquery 日期选择器-自动指定签入日期后1天,jquery,datepicker,Jquery,Datepicker,我想将签入日期后的1天指定为签出日期。。并隐藏选择的日期和签入日期日期选择器在签出日期之前的日期 <table> <tr> <td> <br>Check in date <td width="10"> <br>: </td> <td> <br>
<table>
<tr>
<td>
<br>Check in date
<td width="10">
<br>:
</td>
<td>
<br>
<input type = "date" name= "datein" placeholder="yyyy-mm-dd" id="datepicker1" class="date"/>
</td>
<script>
$( "#datepicker1" ).datepicker({
minDate: 0,
dateFormat: "yy-mm-dd",
maxDate: '+30D',
});
</script>
</td>
</tr>
<tr>
<td>
<br>Check out date
<td width="10">
<br>:
</td>
<td>
<br>
<input type = "date" name= "dateout" placeholder="yyyy-mm-dd" id="datepicker2" class="date"/>
</td>
<script>
$( "#datepicker2" ).datepicker({
minDate: 0,
dateFormat: "yy-mm-dd",
maxDate: '+30D'
});
</script>
</td>
</tr>
</table>
登记日期
:
$(“#日期选择器1”)。日期选择器({
minDate:0,
日期格式:“年月日”,
最大日期:'+30D',
});
退房日期
:
$(“#日期选择器2”)。日期选择器({
minDate:0,
日期格式:“年月日”,
最大日期:'+30D'
});
很抱歉,我错过了一个部分。我的答案被修改了,见
我用了和下面一样的东西
希望这有帮助!!如果您需要更多说明,请告诉我我已经根据我的姓名日期选择器更改了日期选择器名称
$( "#datepicker1" ).datepicker({
defaultDate: +1,
dateFormat: 'dd/mm/yy',
beforeShow: function(input, inst) {
//datepopupdirection(input, inst); - ignore this line
},
minDate: new Date(),
onSelect: function(dateText, inst) {
if($('#datepicker2').val() == '') {
var current_date = $.datepicker.parseDate('dd/mm/yy', dateText);
current_date.setDate(current_date.getDate()+1);
$('#datepicker2').datepicker('setDate', current_date);
}
},
onClose: function(selectedDate, test) {
if(selectedDate != ""){
var $date = new Date($( "#datepicker1" ).datepicker( "getDate" ));
$date.setDate($date.getDate()+1);
$( "#datepicker2" ).datepicker( "option", "minDate", $date );
$( "#datepicker2" ).datepicker('setDate', $date);
/* set the max date range 2months */
var $minusDate = new Date($( "#datepicker1" ).datepicker( "getDate" ));
$minusDate.setDate($minusDate.getDate()-1);
var maxDate = new Date($minusDate);
maxDate.setMonth(maxDate.getMonth()+ 2);
$( "#datepicker2" ).datepicker( "option", "maxDate", maxDate );
}
}
});
您可以使用此工具来实现 演示
$(“#日期选择器1”)。日期选择器({
minDate:0,
日期格式:“年月日”,
最大日期:'+30D',
onSelect:function(){
var date=新日期($(this.val());
var ret=新日期(Date.setDate(Date.getDate()+1));
变量year=ret.getFullYear(),month=(ret.getMonth()+1),day=ret.getDate();
$(“#日期选择器2”).val(年+月+日);
}
});代码>
您的问题无法理解,因此请举例说明入住/退房字段的具体日期入住日期为2015年5月1日,退房日期将在.gamini.后1天自动生效。。我已经输入了你的密码,但似乎一切都不顺利。。我应该在哪里使用您的代码?在同一页中??非常感谢你。。这很有帮助……)
$( "#datepicker1" ).datepicker({
defaultDate: +1,
dateFormat: 'dd/mm/yy',
beforeShow: function(input, inst) {
//datepopupdirection(input, inst); - ignore this line
},
minDate: new Date(),
onSelect: function(dateText, inst) {
if($('#datepicker2').val() == '') {
var current_date = $.datepicker.parseDate('dd/mm/yy', dateText);
current_date.setDate(current_date.getDate()+1);
$('#datepicker2').datepicker('setDate', current_date);
}
},
onClose: function(selectedDate, test) {
if(selectedDate != ""){
var $date = new Date($( "#datepicker1" ).datepicker( "getDate" ));
$date.setDate($date.getDate()+1);
$( "#datepicker2" ).datepicker( "option", "minDate", $date );
$( "#datepicker2" ).datepicker('setDate', $date);
/* set the max date range 2months */
var $minusDate = new Date($( "#datepicker1" ).datepicker( "getDate" ));
$minusDate.setDate($minusDate.getDate()-1);
var maxDate = new Date($minusDate);
maxDate.setMonth(maxDate.getMonth()+ 2);
$( "#datepicker2" ).datepicker( "option", "maxDate", maxDate );
}
}
});