extjs 的datefield,往后台传值,接收的是Thu Sep 2 00:00:00 UTC 0800 2010,而我想要的是2010/09/02。
ext.getCmp("id").getvalue.format('Y/m/d');转换
extjs往后台传值
Datefield配置 format:'Y-m-d'
或
Ext.util.Format.date(value, 'Y-m-d')
日期格式参考extjs api文档中的Date类型.
var md = new Ext.form.DateField({
............
format: 'Y-m-d H:i:s',
............
});
替换'Y-m-d H:i:s'中的各个字母,当然增加和减少都没有问题,留意大小写.可得到多种样式的日期格式.
d 10 月份中的天数,两位数字,不足位补“0”
D Wed 当前星期的缩写,三个字母
j 10 月份中的天数,不补“0”
l Wednesday 当前星期的完整拼写
S th 英语中月份天数的序数词的后缀,2个字符(与格式符“j”连用)
w 3 一周之中的天数(1~7)
z 9 一年之中的天数(0~365)
W 01 一年之中的周数,两位数字(00~52)
F January 当前月份的完整拼写
m 01 当前的月份,两位数字,不足位补“0”
M Jan 当前月份的完整拼写,三个字母
n 1 当前的月份,不补“0”
t 31 当前月份的总天数
L 0 是否闰年(“1”为闰年,“0”为平年)
Y 2007 4位数字表示的当前年数
y 07 2位数字表示的当前年数
a pm 小写的“am”和“pm”
A PM 大写的“am”和“pm”
g 3 12小时制表示的当前小时数,不补“0”
G 15 24小时制表示的当前小时数,不补“0”
h 03 12小时制表示的当前小时数,不足位补“0”
H 15 24小时制表示的当前小时数,不足位补“0”
i 05 不足位补“0”的分钟数
s 01 不足位补“0”的秒数
O -0600 用小时数表示的与 GMT 差异数
T CST 当前系统设定的时区
Z -21600 用秒数表示的时区偏移量(西方为负数,东方为正数)用法举例:(注意你必须在字母前使用转意字符“\\”才能将其作为字母本身而不是格式符输出):var dt = new Date('1/10/2007 03:05:01 PM GMT-0600');
document.write(dt.format('Y-m-d')); //2007-01-10
document.write(dt.format('F j, Y, g:i a')); //January 10, 2007, 3:05 pm
document.write(dt.format('l, \\t\\he dS of F Y h:i:s A')); //Wednesday, the 10th of January 2007 03:05:01 PM
下面有一些标准的日期/时间模板可能会对你有用。它们不是 Date.js 的一部分,但是你可以将下列代码拷出,并放在 Date.js 之后所引用的任何脚本内,都将成为一个全局变量,并对所有的 Date 对象起作用。你可以按照你的需要随意增加、删除此段代码。Date.patterns = {
ISO8601Long:"Y-m-d H:i:s",
ISO8601Short:"Y-m-d",
ShortDate: "n/j/Y",
LongDate: "l, F d, Y",
FullDateTime: "l, F d, Y g:i:s A",
MonthDay: "F d",
ShortTime: "g:i A",
LongTime: "g:i:s A",
SortableDateTime: "Y-m-d\\TH:i:s",
UniversalSortableDateTime: "Y-m-d H:i:sO",
YearMonth: "F, Y"
};
用法举例:var dt = new Date();
document.write(dt.format(Date.patterns.ShortDate));
分享到:
相关推荐
extjs 中显示日期时间的方法是在后台传递来的数据是 Date 类型的数据,并使用配置消息转换器对 responseBody 输出日期格式进行全局处理。同时,使用 SimpleDateFormat 的构造函数将日期格式数据转换为 UTC 标准时间...
4. **日期时间格式化**:在ExtJS中,日期和时间的格式化使用`Ext.util.Format.date`函数,可以定制如"YYYY-MM-DD HH:mm:ss"这样的输出格式。在日期时间控件中,可以通过`format`配置项来设置显示和解析的日期时间...
总的来说,"ExtJS 日期和时间的整合"涵盖了从基础的日期时间处理到复杂的用户界面组件设计,涉及到JavaScript日期操作、组件开发、样式定制以及国际化等多个方面的知识。理解并熟练掌握这些内容,对于开发高质量的...
标题中提到的"extjs 日期时间",指的是ExtJS框架内用于处理日期和时间输入的组件。这个控件通常会包含两个部分:日期选择器和时间选择器,允许用户精确地指定一个日期和时间。在ExtJS 2.0中,这个控件可能还不是非常...
总之,ExtJS 5 的日期时间控件提供了一种方便、直观的方式来处理日期和时间输入,具有高度可配置性和可扩展性。它通过结合日期和时间选择器,满足了开发者对日期时间组件的需求,并且通过丰富的配置选项和事件处理...
EXTJS的时间日期选择组件以其丰富的功能和高度可定制性,成为了开发人员处理日期和时间输入的首选工具。结合`DateTimePicker.js`和`DateTimeField.js`,并参考`使用说明.txt`,开发者可以轻松地在项目中集成这些组件...
通过研究和理解"ExtJS日期多选组件源码",开发者可以深入学习ExtJS组件设计、事件处理、数据绑定等核心概念,并能进一步定制适合自己项目需求的日期选择组件。这样的组件对于提高开发效率和用户体验具有积极的意义。
EXTJS支持多种日期格式,包括自定义格式。例如,我们使用`'H:i:s'`作为格式字符串,这将显示24小时制的小时、分钟和秒。代码示例如下: ```javascript Ext.create('Ext.form.field.Time', { fieldLabel: '选择...
在ExtJS中,`Ext.Date`对象提供了丰富的日期处理方法,包括解析、格式化和比较等。当我们需要展示日期或从用户输入中获取日期时,通常会用到日期的格式化功能。日期格式化主要是通过`Ext.Date.format()`方法完成的,...
在深入探讨ExtJS.GridPanel中的日期格式设置之前,我们首先简要回顾一下ExtJS是什么以及GridPanel组件的基本功能。ExtJS是一个用JavaScript编写的开源框架,用于构建交互式的Web应用程序,它提供了丰富的UI组件和...
标题中的"extjs3.0 日期时间控件"指的是ExtJS 3.0框架中的DateTimeField组件,这是一个组合了日期选择器和时间选择器的控件,允许用户以交互的方式选择精确的日期和时间。这个控件通常用于表单中,提供了一种直观且...
总结来说,"extjs 4.0 日期时间控件"是ExtJS 4.0框架中一个重要的组件,用于处理日期和时间的输入和显示。通过定制的中文版本,它能更好地服务于中文用户,提供了丰富的配置选项和良好的用户体验。开发者可以利用...
EXTJS时间控件的核心是`Ext.picker.Date`类,它是日期选择器的基础。不过,要实现年月日时分秒的选择,我们需要自定义或者扩展这个基础控件。在EXTJS中,可以通过配置项来定制控件的行为,例如改变时间间隔、设定...
本篇文章将深入探讨ExtJs日期时间选择控件的使用、功能以及优化后的特性。 1. **ExtJs日期时间选择控件的基本使用** 在ExtJs中,日期时间选择控件通常通过`Ext.picker.DateTimePicker`类来创建。这个控件结合了...
在"ExtJS日期时间控件"这个下载包中,包含了三种不同的日期控件实现方式。这可能是通过不同的配置、插件或者自定义扩展来实现的,旨在满足不同场景下的需求。下面我们将深入探讨这些知识点: 1. **ExtJS内置的...
为了正确地显示日期时间,在 ExtJS 中需要配置消息转换器,以便对 responseBody 输出的日期格式进行全局处理。配置消息转换器的步骤如下: 1. 在 sso 父 pom.xml 中引入 jackson 的 core、bind 和注解三个包的依赖...
在EXTJS这个强大的JavaScript框架中,开发者经常遇到各种控件的使用问题,特别是涉及到日期时间选择的组件。本文将深入探讨“Extjs扩展DateTimeField时间初始化及点击日期显示Bug”这一主题,帮助开发者解决实际开发...
我们可以使用renderer函数来自定义单元格的显示,例如格式化数字、日期或应用样式。 3. **可编辑性**:通过使用CellEditing或RowEditing插件,我们可以实现单元格级别的编辑功能。用户点击单元格时,会弹出一个...
2. "ext-datetime"这个名字暗示这可能是一个专门针对日期和时间处理的ExtJs扩展库。它可能包含了多个预设样式的时间选择器和日期选择器,支持多种格式化选项,以及与服务器端数据交互的功能。使用此类库时,你需要...
- 通过配置项,可以设置初始值、禁用状态、读取和显示的日期时间格式等。 2. **日期控件(DateField)** - 日期控件允许用户选择日期,通常使用`Ext.form.DateField`类创建。 - 日期控件支持多种日期格式,如'...