extjs 日期控件
extjs 日期控件
extjs 日期控件一、datefield日期控件简单的用法 (指定item的xtype属性为 datefield)
items:[
{fieldLabel:"Name"},
{fieldLabel:"Gender"},
{fieldLabel:"Age"},
{
xtype:"datefield",
fieldLabel:"Birth"
},
{fieldLabel:"Phone"},
{fieldLabel:"Email"}
]
效果
二、Extjs日期控件修改日期为中文
日期控件产生的日期格式是根据Local来定义的,通过引用 Locale 文件 可以确定默认的Locale定义的格式,也可以通过其他的属性来进行自定义格式。
引用Locale文件
<script type="text/javascript" src="ext/build/locale/ext-lang-zh_CN.js"></script>
效果
三、Extjs日期控件自定义格式
在API中查找DateField,可以找到定义日期格式可以通过format构造参数来实现
例如
使用"Y-m-d"模式来格式化日期
'日期',
{
xtype:'datefield',
itemId:'beginDate',
format:'Y-m-d',
value:Ext.util.Format.date(Ext.Date.add(new Date(),Ext.Date.MONTH,-1),"Y-m-d")
},
'-',
{
xtype:'datefield',
itemId:'endDate',
format:'Y-m-d',
value:Ext.util.Format.date(Ext.Date.add(new Date(),Ext.Date.MONTH,1),"Y-m-d")
},
效果
更多的匹配符在Date类中有定义,需要用的时候再去查就好了
四、Extjs日期控件设置一个初始值(可以通过构造参数 value 来设置)
{
xtype:"datefield",
format:"Y-m-d",
value:"1986-12-25",
fieldLabel:"Birth"
},
五、Extjs日期控件禁止用户输入(设置readOnly为true)
{
xtype:"datefield",
format:"Y-m-d",
value:"1986-12-25",
readOnly:true,
fieldLabel:"Birth"
},
六、extjs中日期控件的取值格式化
extjs DateField 的值用getValue()方法获取后是一大堆字符串,类似Tue Dec 07 2010 00:00:00 GMT 0800,这玩意存入数据库实在不好办。。。所以要把它格式化一下,方法很简单,用EXT的 Ext.util.Format.date()方法
示例
var gedt = Ext.util.Format.date(日期控件.getValue(), 'Y-m-d');
出来的日期格式就是 2010-10-10
- extjs中treegrid
- extjs中apply和applyIf的用法
- ExtJs 中Viewport 的使用
- extjs中treepanel例子
- Extjs中grid 的ColumnModel 属性配置
- extjs Border边框布局
- Extjs中文乱码
- Extjs menu菜单的简单用法
- extjs多选下拉框
- ExtJs中XTemplate使用
- extjs radiogroup赋值和取值
- ExtJs常用代码片段
- Extjs中FieldSet的收缩和展开
- extjs checkboxGroup 复选框的用法
- extjs accordion折叠布局
- ExtJs中怎么上传文件
- 鞠婧祎和杨紫两种风格的女生,你心里谁比较美(鞠婧祎和杨紫两种风格的女生)
- 三千年第一美女鞠婧祎出演白素贞pk杨紫,颜值胜赵雅芝王祖贤(三千年第一美女鞠婧祎出演白素贞pk杨紫)
- 成都轨道交通13号线一期工程最新进展(成都轨道交通13号线一期工程最新进展)
- 越南没事(越南没事情做)
- 重庆旅游攻略(重庆旅游3-4天攻略最佳线路)
- 周杰伦演唱会门票(周杰伦演唱会门票多少钱一张2023)
热门推荐
- dedecms使用教程(让dedecms实现shtml包含的实现方法)
- 删除有外键约束的数据
- vue原理详解(vue响应式原理与双向数据的深入解析)
- 阿里云ecs所有文件备份到本地(阿里云ECS服务器的系统重装、快照备份、恢复数据回滚教程)
- nginx安全配置提示(wdcp Linux面板nginx启用gzip后js未压缩解决方案)
- 阿里云服务器加载镜像操作手册(阿里云、腾讯云、小鸟云服务器中安装wdcp图文教程)
- 香港云服务器租赁流程(租用香港云服务器的三大注意事项)
- docker容器无法启动(Docker 无法停止或删除容器服务问题的解决方案)
- dedecms添加站点(dedecms 栏目列表页链接优化方法)
- python strip用法(Python3.5内置模块之shelve模块、xml模块、configparser模块、hashlib、hmac模块用法分析)