JQuery Calendar
<head runat="server">
<title></title>
<script src="Scripts/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="Scripts/jquery-ui-1.8.14.custom.min.js" type="text/javascript"></script>
<link href="Scripts/jquery-ui-1.8.14.custom.css" rel="stylesheet" type="text/css" />
<link href="css/ui-lightness/jquery-ui-1.8.14.custom.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" language="javascript">
$(function () {
var dates = $("#from, #to").datepicker({
defaultDate: "+1w",
dateFormat: 'mm/dd/yy',
// changeMonth: true,
showOn: "both",
buttonImage: "images/cal.png",
buttonImageOnly: true,
numberOfMonths: 1,
onSelect: function (selectedDate) {
var option = this.id == "from" ? "minDate" : "maxDate",
instance = $(this).data("datepicker"),
date = $.datepicker.parseDate(
instance.settings.dateFormat ||
$.datepicker._defaults.dateFormat,
selectedDate, instance.settings);
dates.not(this).datepicker("option", option, date);
var dateTo = addDays($("#from").datepicker('getDate'), 1);
var dateT = (dateTo.getMonth() + 1) + '/' + dateTo.getDate() + '/' + dateTo.getFullYear();
$("#to").val(dateT);
}
});
});
function addDays(dateObj, numDays) {
dateObj.setDate(dateObj.getDate() + numDays);
return dateObj;
}
$(document).ready(function () {
$("#from").datepicker({
});
// $(document).ready(function () {
// var dates = $("#from, #to").datepicker({
// dateFormat: 'mm/dd/yy'
// });
// });
var datefrom = addDays(new Date(), 7);
var dateF = (datefrom.getMonth() + 1) + '/' + datefrom.getDate() + '/' + datefrom.getFullYear();
// var dateFF = new Date(dateF).format("mm/dd/yy");
$("#from").val(dateF);
var dateTo = addDays(new Date(), 8);
var dateT = (dateTo.getMonth() + 1) + '/' + dateTo.getDate() + '/' + dateTo.getFullYear();
$("#to").val(dateT);
});
// $(document).ready(function () {
// $("#to").datepicker({
// });
// var myDate = new Date();
// var month = myDate.getMonth() + 1;
// var prettyDate = month + '/' + myDate.getDate() + '/' + myDate.getFullYear();
// $("#to").val(prettyDate);
//});
</script>
</head>
<body>
<form id="form1" runat="server">
<div class="demo">
<label for="from"> From</label>
<input type="text" id="from" name="from" />
<label for="to"> to</label>
<input type="text" id="to" name="to" />
</div>
</form>
</body>
<head runat="server">
<title></title>
<script src="Scripts/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="Scripts/jquery-ui-1.8.14.custom.min.js" type="text/javascript"></script>
<link href="Scripts/jquery-ui-1.8.14.custom.css" rel="stylesheet" type="text/css" />
<link href="css/ui-lightness/jquery-ui-1.8.14.custom.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" language="javascript">
$(function () {
var dates = $("#from, #to").datepicker({
defaultDate: "+1w",
dateFormat: 'mm/dd/yy',
// changeMonth: true,
showOn: "both",
buttonImage: "images/cal.png",
buttonImageOnly: true,
numberOfMonths: 1,
onSelect: function (selectedDate) {
var option = this.id == "from" ? "minDate" : "maxDate",
instance = $(this).data("datepicker"),
date = $.datepicker.parseDate(
instance.settings.dateFormat ||
$.datepicker._defaults.dateFormat,
selectedDate, instance.settings);
dates.not(this).datepicker("option", option, date);
var dateTo = addDays($("#from").datepicker('getDate'), 1);
var dateT = (dateTo.getMonth() + 1) + '/' + dateTo.getDate() + '/' + dateTo.getFullYear();
$("#to").val(dateT);
}
});
});
function addDays(dateObj, numDays) {
dateObj.setDate(dateObj.getDate() + numDays);
return dateObj;
}
$(document).ready(function () {
$("#from").datepicker({
});
// $(document).ready(function () {
// var dates = $("#from, #to").datepicker({
// dateFormat: 'mm/dd/yy'
// });
// });
var datefrom = addDays(new Date(), 7);
var dateF = (datefrom.getMonth() + 1) + '/' + datefrom.getDate() + '/' + datefrom.getFullYear();
// var dateFF = new Date(dateF).format("mm/dd/yy");
$("#from").val(dateF);
var dateTo = addDays(new Date(), 8);
var dateT = (dateTo.getMonth() + 1) + '/' + dateTo.getDate() + '/' + dateTo.getFullYear();
$("#to").val(dateT);
});
// $(document).ready(function () {
// $("#to").datepicker({
// });
// var myDate = new Date();
// var month = myDate.getMonth() + 1;
// var prettyDate = month + '/' + myDate.getDate() + '/' + myDate.getFullYear();
// $("#to").val(prettyDate);
//});
</script>
</head>
<body>
<form id="form1" runat="server">
<div class="demo">
<label for="from"> From</label>
<input type="text" id="from" name="from" />
<label for="to"> to</label>
<input type="text" id="to" name="to" />
</div>
</form>
</body>
0 comments:
Post a Comment