sencha:日期选择组件datepicker
来源于《sencha touch权威指南》
-------------------------------
除app.js外,其它内容都与上一篇博客里的内容相同。app.js代码如下:
Ext.require(['Ext.form.Panel','Ext.form.FieldSet','Ext.field.Radio','Ext.field.Select','Ext.TitleBar','Ext.field.DatePicker']); Ext.application({ name: 'MyApp', icon: 'images/icon.png', glossOnIcon: false, phoneStartupScreen: 'images/phone_startup.png', tabletStartupScreen: 'images/tablet_startup.png', launch: function(){ var formPanel = Ext.create('Ext.form.Panel',{ id: 'formPanel', scrollable: 'vertical', items: [{ xtype: 'fieldset', title: '电影信息', instructions: '请填写电影信息', defaults:{ labelwidth: '20%' }, items:[{ xtype: 'datepickerfield', name: 'released', label: '发行日期', picker:{ yearFrom: 2000, yearTo: 2100 }, value: new Date(), dateFormat: 'Y/m/d', }] }] }); Ext.Viewport.add(formPanel); } });
chrome浏览器显示如下: