This recipe describes how to make use of the date picker form field provided by Sencha Touch, which allows the user to select a date.
Make sure that you have set up your development environment by following the recipes outlined in Chapter 1.
Make sure that you have followed the Getting your form ready with FormPanel recipe in this chapter.
Carry out the following steps:
Copy
ch02_01.js
toch02_04.js
.Open a new file named
ch02_04.js
and replace the definition offormBase
with the following code:var formBase = { items: [{ xtype: 'datepickerfield', name: 'date', label: 'Date' }] };
Include
ch02_04.js
in place ofch02_03.js
inindex.html
.Deploy and access the application in the browser.