<!DOCTYPE html>
<html>
<head>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script>
function validate()
{
var x=document.forms["submitDate"]["datefrom"].value;
if (x==null || x=="")
{
alert("Click Date From");
return false;
}
var y=document.forms["submitDate"]["dateto"].value;
if (y==null || y=="")
{
alert("Click Date To");
return false;
}
}
$(document).ready(function() {
// For simple datepicker
// get the current date
var date = new Date();
var d = date.getDate(), m = date.getMonth(), y = date.getFullYear();
// Disable all dates till today
$('#datepicker1').datepicker({
minDate: new Date(y, m, d),
dateFormat: 'dd-mm-yy',
});
// Disable all dates till today
$('#datepicker2').datepicker({
minDate: new Date(y, m, d),
dateFormat: 'dd-mm-yy',
});
});
// pass datepicker to php
</script>
</head>
<body style="font-size:62.5%;">
<div class="dateTypes">
<form action="testquery.php" name="submitDate" id="submitDate" onsubmit="return validate()" method="post">
<div style="width:150px;height: 15px; float: left; font-size:12px; ">Date From </div>
<div>
<input type="text" name="datefrom" id="datepicker1" value="" />
</div>
<div style="width:150px;height: 15px; float: left; font-size:12px; ">Date To </div>
<div>
<input type="text" name="dateto" id="datepicker2" value="" />
</div>
<input type="submit" id="submitMe" value="Submit" OnClick="validate()">
</form>
</div>
</body>
</html>
No comments:
Post a Comment