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 XTemplate的实例
- extjs checkboxGroup 复选框的用法
- ExtJs 中Viewport 的使用
- extjs中treegrid
- extjs card卡片式布局
- extjs实现树形下拉框
- extjs中Toolbar工具栏
- extjs tabPanel的用法
- extjs anchor 锚点布局
- extjs table布局
- extjs column列布局
- extjs radiogroup赋值和取值
- Extjs msgTarget 提示位置
- extjs中apply和applyIf的用法
- extjs多选下拉框
- ExtJs中XTemplate使用
- 哪里可以看熊猫(成都哪里可以看熊猫)
- oppo手机的三种录屏方法,你知道有哪些吗(oppo手机的三种录屏方法)
- 吉林神秘传染链跨省 传染源尚未找到,舒兰 封城(吉林神秘传染链跨省)
- 吉林舒兰 封城 聚集性疫情传播链已延至沈阳,有一个细节让人忧心(吉林舒兰封城)
- 1天密接者猛增77人,患者轨迹透露危险信号 吉林市全面封闭管理(1天密接者猛增77人)
- 吉林舒兰 封城 15人确诊 276人隔离,出现跨省传播(吉林舒兰封城)
热门推荐
- python转pdf教程(Python实现将HTML转成PDF的方法分析)
- python的多线程比多进程效率高(Python中单线程、多线程和多进程的效率对比实验实例)
- Sql Server事件探查器的作用
- nginx跨域怎么用(如何利用map实现Nginx允许多个域名跨域)
- python中for语句的无限循环(python使用for循环计算0-100的整数的和方法)
- django请求流程(Django学习笔记之为Model添加Action)
- vue自定义列组件(vue自定义表格列的实现过程记录)
- yii2 在控制器中验证请求参数的使用方法(yii2 在控制器中验证请求参数的使用方法)
- javascript如何获取后台数据(JavaScript实现异步获取表单数据)
- vue 父组件传值(Vue两个同级组件传值实现)