`
eimhee
  • 浏览: 2150664 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

dateFormat with timezone - Ext JS

阅读更多
If I create JSON data on server in this format:
2007-03-02T15:00:00+01:00
and have my data record specified with type 'date' and dateFormat:
Y-m-d\\TH:i:sO
then the output is blank.

If I create JSON data on server in this format:
2007-03-02T15:00:00
and have my data record specified with type 'date' and dateFormat:
Y-m-d\\TH:i:s
then the output is shown but in wrong timezone.
Reply With Quote
  #2  
Old 03-02-2007, 02:05 PM
Default

Eliminating the complexity of the grid and default renderers, can you confirm this behavior when using the Extified Date object by itself?
Reply With Quote
  #3  
Old 03-02-2007, 04:00 PM
Default

var date = Date.parseDate('2007-03-02T15:00:00+01:00', 'Y-m-d\\TH:i:sO');
Returns null

var date = Date.parseDate('2007-03-02 15:00:00+01:00', 'Y-m-d H:i:sO');
Returns null

var date = Date.parseDate('2007-03-02 15:00:00', 'Y-m-d H:i:s');
alert(date);
Returns "Fri Mar 2 15:00:00 UTC+0100 2007"

var date = Date.parseDate('2007-03-02 15:00:00', 'Y-m-d H:i:s');
alert(date.getGMTOffset());
Returns "+-100"

Doesn't it look weird?
Reply With Quote
  #4  
Old 03-03-2007, 04:04 PM
Default

var date = Date.parseDate('2007-03-02T15:00:00+01:00', 'Y-m-d\\TH:iO');

You have a colon in your timezone info which is not supported. It should be:

2007-03-02T15:00:00+0100

I can look at adding support for it (since I think that's how ISO does it?). Would it be easier for you to remove the colon?
Reply With Quote
  #5  
Old 03-03-2007, 04:30 PM
Default

Sure I can remove the colon; I just read some ISO 8601 docs and what I did with the colon is the 'extended' format, where the 'basic' format does not have a colon. This doesn't bother me for now...

However...
It now outputs the dates... except that if my server-generated date/time is:

"2006-09-09T22:56:08+0100"

then it says

"Sat Sep 09 2006 22:56:08 GMT+0200"

in the grid. Notice the timezone!
Reply With Quote
  #6  
Old 03-03-2007, 04:33 PM
Default

I will do some digging.
Reply With Quote
  #7  
Old 03-03-2007, 06:40 PM
Default

Jack I just tried to output this date/time on my server to two different fields:

"2006-09-09T22:56:08+0100"

and when renderen in the columns it shows:

"Sat Sep 09 2006 22:56:08 GMT+0200"
"Sat Sep 09 2006 22:56:08 GMT+0100"

in the grid. Notice the timezone! This is the case for all records down the grid... +0200 in the first column and +0100 in the second.
Reply With Quote
分享到:
评论

相关推荐

    js dateformat yyyy-MM-dd形式

    在JavaScript中,日期和时间处理是一项常见的任务,`Date`对象是JavaScript内置的处理日期和时间的类。当我们需要将日期格式化为"yyyy-MM-dd"这种格式时,JavaScript提供了多种方法来实现这一需求。这个格式通常用于...

    DateFormat:日期格式--javascript js

    DateFormat Date Format是一个日期格式化的库. 提供的全局的接口DateFormat(DF).支持中文、英文 日期格式化 DateFormat 使用: 格式化依据的字符串关键字 可以是一下字符组合: y M d H h a ap A AP m s z % 例如: ...

    jquery.datepicker-zh-CN.js

    <script src="./public/js/jquery-ui-1.10.3.min.js"> <script src="./public/js/jquery.datepicker-zh-CN.js"></script> <link href="./public/css/jqueryui/jquery-ui-1.10.3.min.css" rel="stylesheet"> $( "#...

    Node.js-dateformat-一个优秀的node.js日期格化包

    Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境,它让开发者能够在服务器端使用 JavaScript 进行编程。在 Node.js 开发中,处理日期和时间是常见的任务,`dateformat` 模块就是一个非常实用的工具,专为 ...

    jquery-dateFormat, 使用JavaScript格式化日期输出的jQuery插件.zip

    jquery-dateFormat, 使用JavaScript格式化日期输出的jQuery插件 使用JavaScript格式输出日期输出的jQuery dateformat插件- 拥有的,jQuery是最小的日期格式库。 ! 安装下载最新的jquery.dateFormat.js 或者 jquery....

    node-dateformat:一个用于Steven Levithan出色的dateFormat()函数的node.js包

    Steven Levithan出色的函数的node.js包。 修改项 删除了Date.prototype.format方法。 抱歉,但扩展本地原型适用于傻瓜。 添加了一个module.exports = dateFormat; 底部的陈述 添加了占位符N以获取星期几的ISO 8601...

    dateformatjs一个超轻量级的JS日期处理库

    由于 `dateformat.js` 的体积小巧,它可以轻松地与其他 JavaScript 库(如 jQuery、React 或 Angular)集成,以增强日期处理功能,而不会增加太多负担。 ### 7. 开源与社区支持 `dateformat.js` 是开源的,这意味...

    ext表格布局小例子

    <script src="ext-3.2.1/adapter/ext/ext-base.js"> <script src="ext-3.2.1/ext-all.js"> <script type="text/javascript" src="ext-3.2.1/src/locale/ext-lang-zh_CN.js"></script> <script src="ext-3.2.1/...

    带时间的jquery日历控件

    <script src="./public/js/jquery-ui-1.10.3.min.js"> <script src="./public/js/jquery.datepicker-zh-CN.js"></script> <script src="./public/js/jquery-ui-timepicker-addon.js"> $( "#datetimepicker" )....

    前端项目-jquery-dateFormat.zip

    `jquery-dateFormat` 的核心功能是将JavaScript的日期对象转换为各种自定义格式。例如,你可以将日期格式化为"年-月-日"、"月/日/年"或者"小时:分钟:秒"等格式。这使得开发者能够根据项目需求定制日期的显示样式,...

    DateFormat.java

    用于转换时间格式, 使用步骤:一. DateFormat dateFormat = new DateFormat();... String timeString=dateFormat.DateFormat("yyyy-MM-dd HH:m:s",time); 参数1:填写需要的格式 参数2:填写需要改变的时间

    详解Java中的时区类TimeZone的用法

    在处理日期和时间时,`DateFormat` 和 `Calendar` 类通常会用到 `TimeZone`。下面的示例展示了如何在日期格式化中应用时区: ```java import java.text.SimpleDateFormat; import java.util.Date; import java.util...

    Java对世界不同时区timezone之间时间转换的处理方法

    Java对世界不同时区timezone之间时间转换的处理方法 Java对世界不同时区timezone之间时间转换的处理方法是指在不同的时区之间进行时间转换的...使用Java实现时区之间时间转换可以使用TimeZone类和DateFormat类等。

    vue-filter-date-format-Vue 2的简单日期时间过滤器。-Vue.js开发

    @ vuejs-community / vue-filter-date-format用于Vue.js的简单日期时间过滤器从npm安装安装$ npm install @ vuejs-community / vue-filter-date @ vuejs-community / vue-filter-date-format简单日期时间Vue.js过滤...

    Format Date with Date Picker using Jquery.zip

    "Format Date with Date Picker using Jquery.zip"这个资源显然提供了一个使用jQuery和日期选择器来格式化日期的示例。在这个场景中,我们将探讨如何使用jQuery UI的日期选择器插件来实现日期选择功能,并对选中的...

    mobiscroll-master插件--支持设置初始值

    解压附件,打开indexhtml, defaultValue就是初始值。 ...opt-stepMinute ... dateFormat: 'yyyy-mm-dd ', //startYear:currYear-120, //开始年份 //endYear:currYear , //结束年份 });

    jquery-ui-1.10.3.custom.rar jquery 日期插件 带时间选择

    ```javascript $( ".selector" ).datepicker(); ``` 这里的`.selector`是你希望添加日期选择功能的元素,可以是`<input>`标签或者其他HTML元素。 进一步,我们可以定制日期选择器的行为,例如设置默认日期、改变...

    DateFormat

    调用该类中的方法,实现字符串于日期类型之间的转换,以及包括数据库中的日期类型,避免了代码的重复.

    jquery.ui.datepicker.js

    <script language="javascript"> $(document).ready(function() { var yearFrom=new Date().getYear()-60+1900; var yearTo=new Date().getYear()-18+1900; $('#dateinput').datepicker({ dateFormat: 'yy-...

    sql-dateformat.rar_DateFormat_datEformat SQL_sql中dateformat_时间格式

    `DATEFORMAT`一词通常与数据库查询中的日期格式化相关,特别是在某些数据库系统中。然而,需要注意的是,在标准SQL中并没有`DATEFORMAT`这个函数,它更多地是数据库特定的语法,例如在MySQL和SQL Server中。在这些...

Global site tag (gtag.js) - Google Analytics