Windows® 8.1 Apps with HTML5 and JavaScript Unleashed

Capturing the Selected Date

The DatePicker control raises the same event when you change the month, day, or year: the change event. You can retrieve the currently selected date by handling this event.

For example, the HTML page in Listing 4.10 contains a DatePicker control and a DIV element that displays the selected date (see Figure 4.17).

FIGURE 4.17 Displaying the DatePicker current date

LISTING 4.10 Capturing the Selected Date (datePickerChange\datePickerChange.html)

Click here to view code image

<label>Birthday:</label><div id="dateBirthday"    data-win-control="WinJS.UI.DatePicker"></div><div id="divMessage"></div>

The JavaScript file ...