Javascript 表内验证的日期选择器
请帮助解决此问题,我想验证FROM DATE是否大于to DATE而不禁用日期,否则我将提示用户。感谢您的回答。我已经搜索了谷歌可能的解决方案,但我找不到Javascript 表内验证的日期选择器,javascript,jquery,html,jquery-ui,Javascript,Jquery,Html,Jquery Ui,请帮助解决此问题,我想验证FROM DATE是否大于to DATE而不禁用日期,否则我将提示用户。感谢您的回答。我已经搜索了谷歌可能的解决方案,但我找不到 Below is the screenshot and my code . <!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"
Below is the screenshot and my code .
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>
<link href="https://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" rel="stylesheet">
<script>
$(document).ready(function(){
$( ".datepicker" ).datepicker();
})
</script>
<style>
table,th,td
{
border:1px solid black;
}
</style>
</head>
<body>
<table>
<tr>
<th>SPORTS</th>
<th>FROM</th>
<th>TO</th>
</tr>
<tr>
<td>BASKET BALL</td>
<td><input type="text" class="datepicker"></td>
<td><input type="text" class="datepicker"></td>
</tr>
<tr>
<td>VOLLEY BALL</td>
<td><input type="text" class="datepicker"></td>
<td><input type="text" class="datepicker"></td>
</tr>
<tr>
<td>TENNIS</td>
<td><input type="text" class="datepicker"></td>
<td><input type="text" class="datepicker"></td>
</tr>
<tr>
<td>BASE BALL</td>
<td><input type="text" class="datepicker"></td>
<td><input type="text" class="datepicker"></td>
</tr>
</table>
</body>
</html>
非常感谢,我想我已经解决了你的问题。我做这件事只是为了打篮球,我希望你能做剩下的事 干杯
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>
<link href="https://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" rel="stylesheet">
<script>
$(document).ready(function(){
$( ".basketball_datepicker_start" ).datepicker();
$( ".basketball_datepicker_end" ).datepicker(
{
onSelect: function(selected) {
var fromDate = $('.basketball_datepicker_start').datepicker().val();
var toDate = $(this).datepicker().val();
if(fromDate > toDate) {
alert('Buddy, FromDate has to be greater than ToDate !!!');
}
}
}
);
})
</script>
<style>
table,th,td
{
border:1px solid black;
}
</style>
</head>
<body>
<table>
<tr>
<th>SPORTS</th>
<th>FROM</th>
<th>TO</th>
</tr>
<tr>
<td>BASKET BALL</td>
<td><input type="text" class="basketball_datepicker_start"></td>
<td><input type="text" class="basketball_datepicker_end"></td>
</tr>
</table>
</body>
</html>
我已经根据您的需要编写了简化的代码。如果将minDate设置为大于从日期到截止日期,则无需验证日期 代码如下:
$(".datepicker").datepicker({
onSelect: function (selected, inst) {
var minDate = new Date(Date.parse(selected));
minDate.setDate(minDate.getDate() + 1);
$(this).parent().next().find('input').datepicker("option", "minDate", minDate);
}
});
谢谢@somnathpul:Hi@Siva,你的代码工作得很好,谢谢你,伙计。干杯