继续jquery datepicker set end date value blank
我的代码:
<html>
<head>
<link rel="stylesheet" href="js/jquery-ui-themes-1.11.1/themes/smoothness/jquery-ui.css">
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.11.1/jquery-ui.js"></script>
<script type="text/javascript">
$(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);
});
});
</script>
</head>
<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>
</html>
我想从文本字段获取开始日期和结束日期值。之后我想执行以下操作:
- 开始日期值为空 => 显示“您必须选择开始日期”消息
- 结束日期值为空 => 显示“您必须选择结束日期”消息
这是我尝试过的逻辑:
var startdate = $('#datepicker1').val(); //start date text field
var enddate = $('#datepicket2').val(); //end date text field
if(startdate == '')
alert("You must select start date");
if(enddate == '')
alert("You must select end date");
但我不知道应该将它们放在代码中的哪里。有人可以帮助我吗？
最佳答案
您应该添加一个函数来调用“提交”按钮的 onclick 事件:
<td>
<input type="submit" id="submit" name="submit" value="Add" onclick="return CheckFields();" />
<input type="reset" id="reset" name="reset" value="Reset" />
</td>
然后创建一个包含该代码的函数:
function CheckFields()
{
var startdate = $('#datepicker1').val(); //start date text field
var enddate = $('#datepicket2').val(); //end date text field
if(startdate == '')
{
alert("You must select start date");
return false;
}
if(enddate == '')
{
alert("You must select end date");
return false;
}
return true;
}
关于javascript - jquery datepicker 获取日期(第 2 部分)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34159586/