m.zainuddin
/
btnmw-was-app
разклонено от marshall/btnmw-was-app


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160
							<html>
<head>
	<title>Date Picker</title>
	<link href="css/calendar.css" type="text/css" rel="stylesheet">
	<script language="javascript">
		// months as they appear in the calendar's title
		var ARR_MONTHS = ["January", "February", "March", "April", "May", "June",
				"July", "August", "September", "October", "November", "December"];
		// week day titles as they appear on the calendar
		var ARR_WEEKDAYS = ["S", "M", "T", "W", "T", "F", "S"];
		// day week starts from (normally 0-Su or 1-Mo)
		var NUM_WEEKSTART = 1;
		// path to the directory where calendar images are stored. trailing slash req.
		//var STR_ICONPATH = '/images/';
		var STR_ICONPATH = 'images/';
		
		var re_url = new RegExp('datetime=(\\-?\\d+)');
		var dt_current = (re_url.exec(String(window.location))
			? new Date(new Number(RegExp.$1)) : new Date());
		var re_id = new RegExp('id=(\\d+)');
		var num_id = (re_id.exec(String(window.location))
			? new Number(RegExp.$1) : 0);
		var obj_caller = (window.opener ? window.opener.calendars[num_id] : null);
		
		if (obj_caller && obj_caller.year_scroll) {
			// get same date in the previous year
			var dt_prev_year = new Date(dt_current);
			dt_prev_year.setFullYear(dt_prev_year.getFullYear() - 1);
			if (dt_prev_year.getDate() != dt_current.getDate())
				dt_prev_year.setDate(0);
		
			// get same date in the next year
			var dt_next_year = new Date(dt_current);
			dt_next_year.setFullYear(dt_next_year.getFullYear() + 1);
			if (dt_next_year.getDate() != dt_current.getDate())
				dt_next_year.setDate(0);
		}
		
		// get same date in the previous month
		var dt_prev_month = new Date(dt_current);
		dt_prev_month.setMonth(dt_prev_month.getMonth() - 1);
		if (dt_prev_month.getDate() != dt_current.getDate())
			dt_prev_month.setDate(0);
		
		// get same date in the next month
		var dt_next_month = new Date(dt_current);
		dt_next_month.setMonth(dt_next_month.getMonth() + 1);
		if (dt_next_month.getDate() != dt_current.getDate())
			dt_next_month.setDate(0);
		
		// get first day to display in the grid for current month
		var dt_firstday = new Date(dt_current);
		dt_firstday.setDate(1);
		dt_firstday.setDate(1 - (7 + dt_firstday.getDay() - NUM_WEEKSTART) % 7);
		
		// function passing selected date to calling window
		function set_datetime(n_datetime, b_close) {
			if (!obj_caller) return;
		
			var dt_datetime = obj_caller.prs_time(
				(document.cal ? document.cal.time.value : ''),
				new Date(n_datetime)
			);
		
			if (!dt_datetime) return;
			if (b_close) {
				window.close();
				obj_caller.target.value = (document.cal
					? obj_caller.gen_tsmp(dt_datetime)
					: obj_caller.gen_date(dt_datetime)
				);
			}
			else obj_caller.popup(dt_datetime.valueOf());
		}
	</script>
</head>
<body marginheight="5" marginwidth="5" topmargin="5" leftmargin="5" rightmargin="5">
	<table cellspacing="0" border="0" width="100%">
		<tr>
			<td class="calendar">
				<table cellspacing="1" cellpadding="3" border="0" width="100%">
					<tr>
						<td colspan="7">
							<table cellspacing="0" cellpadding="0" border="0" width="100%">
								<tr class="calendar">
									<script language="javascript">
										document.write(
										'<td>'+(obj_caller&&obj_caller.year_scroll?'<a href="javascript:set_datetime('+dt_prev_year.valueOf()+')"><img src="'+STR_ICONPATH+'start.gif" border="0" alt="previous year"></a>&nbsp;':'')+'<a href="javascript:set_datetime('+dt_prev_month.valueOf()+')"><img src="'+STR_ICONPATH+'prev.gif" border="0" alt="previous month"></a></td>'+
										'<td align="center" width="100%"><font color="#000000">'+ARR_MONTHS[dt_current.getMonth()]+' '+dt_current.getFullYear() + '</font></td>'+
										'<td><a href="javascript:set_datetime('+dt_next_month.valueOf()+')"><img src="'+STR_ICONPATH+'next.gif" border="0" alt="next month"></a>'+(obj_caller && obj_caller.year_scroll?'&nbsp;<a href="javascript:set_datetime('+dt_next_year.valueOf()+')"><img src="'+STR_ICONPATH+'end.gif" border="0" alt="next year"></a>':'')+'</td>'
										);
									</script>
								</tr>
							</table>
						</td>
					</tr>
					<tr>
						<script language="javascript">
							// print weekdays titles
							for (var n=0; n<7; n++)
								document.write('<td bgcolor="#3971B5" align="center"><font color="#ffffff">'+ARR_WEEKDAYS[(NUM_WEEKSTART+n)%7]+'</font></td>');
							document.write('</tr>');
							
							// print calendar table
							var dt_current_day = new Date(dt_firstday),
								dt_selected = obj_caller.dt_selected;
							
							while (dt_current_day.getMonth() == dt_current.getMonth() ||
								dt_current_day.getMonth() == dt_firstday.getMonth()) {
								// print row heder
								document.write('<tr>');
								for (var n_current_wday=0; n_current_wday<7; n_current_wday++) {
									if (dt_current_day.getDate() == dt_selected.getDate() &&
										dt_current_day.getMonth() == dt_selected.getMonth() &&
										dt_current_day.getFullYear() == dt_selected.getFullYear())
										// print current date
										document.write('<td bgcolor="#ffb6c1" align="center" width="14%">');
									else if (dt_current_day.getDay() == 0 || dt_current_day.getDay() == 6)
										// weekend days
										document.write('<td bgcolor="#dbeaf5" align="center" width="14%">');
									else
										// print working days of current month
										document.write('<td bgcolor="#ffffff" align="center" width="14%">');
							
									document.write('<a href="javascript:set_datetime('+dt_current_day.valueOf() +', true);">');
							
									if (dt_current_day.getMonth() == this.dt_current.getMonth()) {
										// print days of current month
										var today = new Date();
										if (dt_current_day.getDate() == today.getDate() &&
											dt_current_day.getMonth() == today.getMonth() &&
											dt_current_day.getFullYear() == today.getFullYear()) {
											document.write('<font color="#000F00"><b>');
											document.write(dt_current_day.getDate()+'</b></font></a></td>');
										} else {
											document.write('<font color="#0000FF">');
											document.write(dt_current_day.getDate()+'</font></a></td>');
										}
									} else {
										// print days of other months
										document.write('<font color="#A0A0A0">');
										document.write(dt_current_day.getDate()+'</font></a></td>');
									}
							
									dt_current_day.setDate(dt_current_day.getDate()+1);
								}
								// print row footer
								document.write('</tr>');
							}
							if (obj_caller && obj_caller.time_comp)
								document.write('<form onsubmit="javascript:set_datetime('+dt_current.valueOf()+', true)" name="cal"><tr><td colspan="7" bgcolor="#87CEFA"><font color="White" face="tahoma, verdana" size="2">Time: <input type="text" name="time" value="'+obj_caller.gen_time(this.dt_current)+'" size="8" maxlength="8"></font></td></tr></form>');
						</script>
					</tr>
				</table>
			</td>
		</tr>
	</table>
</body>
</html>