From: Minkyu Kang <mk7.kang@samsung.com>
Date: Tue, 5 Feb 2013 09:57:49 +0000 (+0900)
Subject: demo: datetimepicker: show selected date correctly
X-Git-Tag: accepted/tizen_2.1/20130425.023924~7^2~110
X-Git-Url: http://review.tizen.org/git/?a=commitdiff_plain;h=5462980903ceadf8abc47552c5d783770108ef42;p=platform%2Fframework%2Fweb%2Fweb-ui-fw.git

demo: datetimepicker: show selected date correctly

Add functions for demo5 and demo6.

Change-Id: I80fa1ab3313fb5231353a27f89bdd25b70fc32ca
---

diff --git a/demos/tizen-winsets/main.js b/demos/tizen-winsets/main.js
index 68faaa5..9be4d69 100644
--- a/demos/tizen-winsets/main.js
+++ b/demos/tizen-winsets/main.js
@@ -63,6 +63,14 @@ $( document ).bind("pagecreate", function () {
 		$("#selected-date4").text( newDate.toString() );
 	});
 
+	$("#demo-date5").bind("date-changed", function ( e, newDate ) {
+		$("#selected-date5").text( newDate.toString() );
+	});
+
+	$("#demo-date6").bind("date-changed", function ( e, newDate ) {
+		$("#selected-date6").text( newDate.toString() );
+	});
+
 	$('#noti-demo').bind('vmouseup', function ( e ) {
 		$('#notification').notification('open');
 	});
diff --git a/demos/tizen-winsets/widgets/datefield.html b/demos/tizen-winsets/widgets/datefield.html
index 5c83f0d..bed37e4 100644
--- a/demos/tizen-winsets/widgets/datefield.html
+++ b/demos/tizen-winsets/widgets/datefield.html
@@ -29,16 +29,16 @@
 					<input type="time" name="demo-date4" id="demo-date4" />
 				</div>
 			</li>
-			<li data-role="list-divider" data-line="false"  class="ui-datetime-text-sub" ><span id="selected-date4"><em>(select a date first)</em></span> </li>
+			<li data-role="list-divider" data-line="false"  class="ui-datetime-text-sub" ><span id="selected-date5"><em>(select a date first)</em></span> </li>
 			<li class="ui-li-dialogue ui-datetime ui-datetime">
 				<div class="ui-datetime-text-main">
-					<input data-format="MM/dd/yyyy hh:mm tt" value="2013/1/31 15:08:44" type="datetime">
+					<input data-format="MM/dd/yyyy hh:mm tt" value="2013/1/31 15:08:44" type="datetime" id="demo-date5">
 				</div>
 			</li>
-			<li data-role="list-divider" data-line="false"  class="ui-datetime-text-sub" ><span id="selected-date4"><em>(select a date first)</em></span> </li>
+			<li data-role="list-divider" data-line="false"  class="ui-datetime-text-sub" ><span id="selected-date6"><em>(select a date first)</em></span> </li>
 			<li class="ui-li-dialogue ui-datetime ui-datetime">
 				<div class="ui-datetime-text-main">
-					<input data-format="MMMM/dd/yyyy hh:mm tt" value="2013/1/31 15:08:44" type="datetime">
+					<input data-format="MMMM/dd/yyyy" value="2013/1/31" type="date" id="demo-date6">
 				</div>
 			</li>
 		</ul>