EXT学习笔记06datefield和本地化datefield
现在我们给上次做的表单加上一个datefield控件，这个控件可以支持用户选择日期<link type="text/css" rel="stylesheet" href="/ext-2.1/resources/css/ext-all.css"> <script type="text/javascript" src="/ext-2.1/adapter/ext/ext-base.js"></script> <script type="text/javascript" src="/ext-2.1/ext-all.js"></script><script type="text/javascript" src="/ext-2.1/source/locale/ext-lang-zh_CN.js"></script><script>Ext.onReady(function(){new Ext.Window({modal:true,title:'添加用户',resizable:false,width:500,layout:'form',bodyStyle: 'padding:5px 5px 0',labelWidth:60,height:240,plain:true,buttonAlign:'center',items:[{baseCls:'x-plain',layout:'column',items:[{ labelWidth:60, layout:'form', baseCls:'x-plain',columnWidth:.5,defaultType:'textfield', items:[{ fieldLabel:"姓名" },{ fieldLabel:"性别" },{ xtype:"datefield",format:"Y-m-d",readOnly:true, fieldLabel:"出生日期" },{ fieldLabel:"地址" }] },{baseCls:'x-plain',labelWidth:60,layout:'form',columnWidth:.5,defaultType:'textfield',items:[{fieldLabel:"照片",inputType :"image",width:120,height:100 }]}]},{xtype:'textfield',fieldLabel:"详细地址",width:410},{xtype:'textfield',fieldLabel:"关系",width:410}],buttons:[{text:"确定"},{text:"取消"}],listeners:{"show":function(_window){_window.findByType('textfield').getEl().dom.scr="a.gif";}}}).show();});</script> datefield控件有一些属性
formate:指定客户选择完控件后在文本框中显示的格式。常用格式Y-m-d
readOnly：文本框只读属性
最后有一点也是一上来困要我的就是默认datefield控件的月份选择是英文，需要在页面上引入相应的语言脚本。
<script type="text/javascript" src="/ext-2.1/source/locale/ext-lang-zh_CN.js"></script>
source/locale/ext-lang-zh_CN.js是专用于中文的脚本。
页:
[1]