本文介绍了jQuery Datepicker设置结束日期值空白的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我的代码:
<html>
<head>
<script type="text/javascript">
$(function(){
$("#datepicker1").datepicker({
dateFormat: 'dd-mm-yy',
onSelect: function(selected){
$("#datepicker2").datepicker("option", "minDate", selected);
}
});
$("#datepicker2").datepicker({
dateFormat: 'dd-mm-yy'
});
});
$(document).ready(function(){
$('#reset').click(function(){
$('#datepicker2').datepicker("option", "minDate", null);
});
});
</script>
<body>
<form method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>">
<table>
<tr>
<td>Start Date : </td>
<td><input type="text" name="startdate" id="datepicker1" /></td>
</tr>
<tr>
<td>End Date : </td>
<td><input type="text" name="enddate" id="datepicker2" /></td>
</tr>
<tr>
<td>
<input type="submit" id="submit" name="submit" value="Add" />
<input type="reset" id="reset" name="reset" value="Reset" />
</td>
</tr>
</table>
</form>
</body>
从上面的代码,请参见下图:
From above code, refer to below image:
首先,我要选择开始日期为2015年12月7日,结束日期为2015年12月8日,然后选择开始日期为2015年12月9日.我希望选择开始日期时的结束日期值为空是2015年12月9日.是否可以在Jquery中进行?有人可以帮我吗?
First, I am going to choose start date is 7 Dec 2015 and end date is 8 Dec 2015, after that I choose the start date is 9 Dec 2015. I want the end date value is blank when I choose the start date is 9 Dec 2015. Is it possible to do it in Jquery? Can someone help me?
推荐答案
将脚本更改为此:
$(document).ready(function(){
$("#datepicker1").datepicker({
dateFormat: 'dd-mm-yy',
onSelect: function(selected){
$("#datepicker2").datepicker("option", "minDate", selected);
}
});
$("#datepicker2").datepicker({
dateFormat: 'dd-mm-yy'
});
$("#datepicker1").focusout(function(){
$('#datepicker2').val('');
});
$('#reset').click(function(){
$('#datepicker2').datepicker("option", "minDate", null);
});
});
这篇关于jQuery Datepicker设置结束日期值空白的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!