diff options
| author | wei <> | 2006-01-19 07:43:09 +0000 | 
|---|---|---|
| committer | wei <> | 2006-01-19 07:43:09 +0000 | 
| commit | 1bfd7c4641e0457ac558cf74290a6a7ff1a3af58 (patch) | |
| tree | a1ce349aaa0066b6ed421db4aee168bc1ae0c980 | |
| parent | 9275bf0de0e9ccbc5ee9311c9b59efcbfbc01a6a (diff) | |
| -rw-r--r-- | .gitattributes | 1 | ||||
| -rw-r--r-- | framework/Web/Javascripts/prado/datepicker.js | 24 | ||||
| -rw-r--r-- | framework/Web/Javascripts/prado/test.html | 125 | 
3 files changed, 138 insertions, 12 deletions
diff --git a/.gitattributes b/.gitattributes index 6eec17b4..6b78e1cf 100644 --- a/.gitattributes +++ b/.gitattributes @@ -504,6 +504,7 @@ framework/Web/Javascripts/prado/effects.js -text  framework/Web/Javascripts/prado/element.js -text  framework/Web/Javascripts/prado/form.js -text  framework/Web/Javascripts/prado/prado.js -text +framework/Web/Javascripts/prado/test.html -text  framework/Web/Javascripts/prado/validation.js -text  framework/Web/Javascripts/prado/validators.js -text  framework/Web/Javascripts/prototype/AUTHORS -text diff --git a/framework/Web/Javascripts/prado/datepicker.js b/framework/Web/Javascripts/prado/datepicker.js index 68e63168..ff271150 100644 --- a/framework/Web/Javascripts/prado/datepicker.js +++ b/framework/Web/Javascripts/prado/datepicker.js @@ -97,7 +97,7 @@ Prado.Calendar.prototype =  		this.minimalDaysInFirstWeek	= 4;
  		this.currentDate = new Date();
  		this.selectedDate = null;
 -		this.className = "Prado_Calendar";
 +		this.className = "TDatePicker";
  		//which element to trigger to show the calendar
  		this.trigger = this.attr.trigger ? $(this.attr.trigger) : this.control;
 @@ -109,6 +109,7 @@ Prado.Calendar.prototype =  		//create it
  		this.create();	
 +		//alert("ok");
  		this.hookEvents();	
  	},
 @@ -311,7 +312,6 @@ Prado.Calendar.prototype =  		Event.observe(this._nextMonth, "click", this.nextMonth.bind(this));
  		Event.observe(this._todayButton, "click", this.selectToday.bind(this));
  		Event.observe(this._clearButton, "click", this.clearSelection.bind(this));
 -		
  		Event.observe(this._monthSelect, "change", this.monthSelect.bind(this));
  		Event.observe(this._yearSelect, "change", this.yearSelect.bind(this));
 @@ -438,9 +438,9 @@ Prado.Calendar.prototype =  		if (e == null) e = document.parentWindow.event;
  		var n = - e.wheelDelta / 120;
  		var d = new Date(this.currentDate);
 -		var m = this.getMonth() + n;
 +		var m = d.getMonth() + n;
  		this.setMonth(m);
 -		this.setCurrentDate(d);
 +		//this.setCurrentDate(d);
  		return false;
  	},
 @@ -452,7 +452,7 @@ Prado.Calendar.prototype =  	formatDate : function()
  	{
 -		return Prado.Calendar.Util.FormatDate(this.selectedDate, this.format);
 +		return this.selectedDate.SimpleFormat(this.format);
  	},
  	setCurrentDate : function(date) 
 @@ -530,7 +530,7 @@ Prado.Calendar.prototype =  			this._calDiv.style.top = pos[1] + "px";
  			this._calDiv.style.left = pos[0] + "px";
  			Event.observe(document.body, "click", this.hideOnClick.bind(this));
 -			var date = Prado.Calendar.Util.ParseDate(Form.Element.getValue(this.control), this.format);
 +			var date = Date.SimpleParse(Form.Element.getValue(this.control), this.format);
  			if(!isNull(date))
  			{
  				this.selectedDate = date;
 @@ -574,10 +574,10 @@ Prado.Calendar.prototype =  		// Calculate the number of days in the month for the selected date
  		var date = this.currentDate;
 -		var today = Util.ISODate(new Date());
 +		var today = (new Date()).toISODate();
 -		var selected = isNull(this.selectedDate) ? "" : Util.ISODate(this.selectedDate);
 -		var current = Util.ISODate(date);
 +		var selected = isNull(this.selectedDate) ? "" : this.selectedDate.toISODate();
 +		var current = date.toISODate();
  		var d1 = new Date(date.getFullYear(), date.getMonth(), 1);
  		var d2 = new Date(date.getFullYear(), date.getMonth()+1, 1);
  		var monthLength = Math.round((d2 - d1) / (24 * 60 * 60 * 1000));
 @@ -601,13 +601,13 @@ Prado.Calendar.prototype =  			slot.value = i;
  			slot.data.data = i;
  			slotNode.className = "date";
 -			if (Util.ISODate(d1) == today) {
 +			if (d1.toISODate() == today) {
  				slotNode.className += " today";
  			}
 -			if (Util.ISODate(d1) == current) {
 +			if (d1.toISODate() == current) {
  				slotNode.className += " current";
  			}
 -			if (Util.ISODate(d1) == selected) {
 +			if (d1.toISODate() == selected) {
  				slotNode.className += " selected";
  			}
  			d1 = new Date(d1.getFullYear(), d1.getMonth(), d1.getDate()+1);
 diff --git a/framework/Web/Javascripts/prado/test.html b/framework/Web/Javascripts/prado/test.html new file mode 100644 index 00000000..ac690fa8 --- /dev/null +++ b/framework/Web/Javascripts/prado/test.html @@ -0,0 +1,125 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 +   
 +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 +<head>
 +   <title>Prado Date Picker</title>
 +   <script type="text/javascript" src="../js/prado.js"></script>
 +   <script type="text/javascript" src="datepicker.js"></script>
 +
 +	<style>
 +		.TDatePicker
 +		{
 +			border: 1px solid red;
 +			position: absolute;
 +			background-color: #ffe;
 +			text-align: center;
 +		}
 +
 +		.TDatePicker .hover 
 +		{
 +			background-color: #66FFFF;
 +		}
 +		.TDatePicker .today
 +		{
 +			font-weight: bold;
 +		}
 +		.TDatePicker .current
 +		{
 +			border: 1px solid blue;
 +		}
 +		.TDatePicker .empty
 +		{
 +			background-color: #ffe !important;
 +		}
 +		.TDatePicker .calendarHeader
 +		{
 +			
 +		}
 +		.TDatePicker .grid
 +		{
 +			
 +		}
 +		/*
 +			.calendarHeader
 +			.prevMonthButton
 +			.labelContainer
 +			.nextMonthButton
 +			.calendarBody
 +			.grid
 +			.weekDayHead
 +			.calendarDate
 +			.calendarFooter
 +			.footerTable
 +			.todayButton
 +			.clearButton
 +			.date
 +			.today
 +			.current
 +			.selected
 +			.empty
 +		*/
 +	</style>
 +</head>
 +
 +<body>
 +<form ID=Form1>
 +   <input type="text" name="textfield1" id="textfield1" />
 +   <input type="button" name="button1" id="button1" value="..." />
 +   <br />
 +   <input type="text" /> <br />
 +   <textarea></textarea>
 +</form>
 +
 +
 +as<br/>
 +dv<br/>
 +as<br/>
 +d<br/>
 +as<br/>
 +d<br/>
 +asd<br/>
 +a<br/>
 +sd<br/>
 +dv<br/>
 +as<br/>
 +d<br/>
 +as<br/>
 +d<br/>
 +asd<br/>
 +a<br/>
 +sd<br/>
 +dv<br/>
 +as<br/>
 +d<br/>
 +as<br/>
 +d<br/>
 +asd<br/>
 +a<br/>
 +sd<br/>
 +<form>
 +   <input type="text" name="textfield2" id="text1" />
 +</form>
 +d<br/>
 +as<br/>
 +d<br/>
 +asd<br/>
 +a<br/>
 +sd<br/>
 +dv<br/>
 +as<br/>
 +d<br/>
 +as<br/>
 +d<br/>
 +asd<br/>
 +a<br/>
 +sd<br/>
 +
 +<script type="text/javascript">
 +     
 +		var options = { "trigger" : "button1", "format" : "dd-MM-yyyy" };
 +		var datepicker1 = new Prado.Calendar("textfield1", options);
 +		var datepicker2 = new Prado.Calendar("textfield2");
 +
 +   </script>
 +</body>
 +</html>
  | 
