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 (file)
--- 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 (file)
--- 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>