首页 > 代码库 > Extjs中对日期的处理

Extjs中对日期的处理

renderer: function(value) {       if (Ext.isEmpty(value)) {//判断是否是日期类型的数据                return ‘‘;         } else {           if (Ext.isDate(value))              return Ext.util.Format.date(value, ‘Y-m-d H:i:s‘);// 用于时间控件返回值          else                 return value;// 转换为Date类型                  }          }}

 

1、Extjs中对日期的校验---使用正则表达式:

var value ="http://www.mamicode.com/2014-03-03";var re = /^(\d{4})(\/|-)(\d{1,2})\2(\d{1,2})$/var m = re.exec(value);if (m != null) {    var d = new Date(m[1],m[3]-1,m[4]);    var falg =  d.getFullYear()==m[1] && d.getMonth()==(m[3]-1) && d.getDate()==m[4];}if(value=http://www.mamicode.com/=‘‘||value.length < 1){"qtip";     this.invalidText = ‘必填项不能为空!‘;     return false;}else if(!falg){     this.msgTarget = "qtip";     this.invalidText = ‘格式不正确!‘;     return false;}

 

2、Extjs在grid列表中的处理----显示为NAN

renderer: function(value) {        if (Ext.isEmpty(value)) {//判断是否是日期类型的数据                  return ‘‘;          } else {                if (Ext.isDate(value))                   return Ext.util.Format.date(value, Y-m-d H:i:s);// 用于时间控件返回值       else                  return value;// 转换为Date类型                  }        }}

 

 

3、Extjs计算日期差:

 

var indate =     record.get("inDate");            indate = indate.replace(/-/g,"/");            value = value.replace(/-/g,"/");            var inHours = new Date(indate);            var FinishHours = new Date(value);            var day = (FinishHours - inHours)/(24*60*60*1000);//天数            var hours = (FinishHours - inHours)/(60*60*1000);//小时                if(day>=0 && hours > 2){                    return <font color=blue></font><span > + value + </span>;                  }else{                    return value;}

 

 

附:在遇到问题2,如果后台使用了JsonArray来处理对象,那么可以使用下面的方法:

 

在使用Extjs的时候会有list想前台放回数据,jsonArray对日期的处理会处理成日期对象,按照时分秒的形式来处理;
为此,可以使用jsonconfig来处理日期的形式;
下面这个方法是将数据库中的含有时分秒的格式转换为日期;不含时分秒;发送到前台的数据是个string类型
可以在format中填写你想要的日期格式就可以转换;
在    registerJsonValueProcessor这个方法中,注意导入的数据库中的日期类型,而不是java的,可以将第一个参数
更改为Date 那么String str = new SimpleDateFormat(format).format((Timestamp) value);里面的日期也会随之更改;
        JsonConfig jsonConfig = new JsonConfig();        jsonConfig.setExcludes(new String[]{         "invoice","creatorId", "modifyDate", "modifyId","modifyName","createDate","modifyDate","creatorName"        });jsonConfig.registerJsonValueProcessor(java.sql.Timestamp.class,new JsonValueProcessor() {            private final String format="yyyy-MM-dd";            public Object processObjectValue(String key, Object value,JsonConfig arg2){              if(value=http://www.mamicode.com/=null)                    return "";              if (value instanceof Timestamp) {                    String str = new SimpleDateFormat(format).format((Timestamp) value);                    return str;              }                    return value.toString();            }            public Object processArrayValue(Object value, JsonConfig arg1){                       return null;            }         });        JSONArray json = JSONArray.fromObject(inventoryList,jsonConfig);

 

如果string无法满足你的需求,那么可以书写
package com.sinosoft.pmhy.util.conver;import java.util.Date;import org.apache.commons.lang.time.DateFormatUtils;import net.sf.json.JSONObject;import net.sf.json.JsonConfig;import net.sf.json.processors.JsonBeanProcessor;public class MyJsDateJsonBeanProcessor implements JsonBeanProcessor {        public static String DEFAULT_DATE_PATTERN = "yyyy-MM-dd HH:mm";        public static String processDate(Date date) {                return DateFormatUtils.format(date, DEFAULT_DATE_PATTERN);        }        private String datePattern = null;        public String getDatePattern() {                if (datePattern == null) {                        return DEFAULT_DATE_PATTERN;                } else {                        return datePattern;                }        }        public void resetDatePattern() {                datePattern = null;        }        public JSONObject processBean(Object bean, JsonConfig jsonConfig) {                if (bean instanceof java.sql.Date) {                        java.sql.Date d = (java.sql.Date) bean;                        long time = d.getTime();                        String pattern = getDatePattern();                        String date = DateFormatUtils.format(time, pattern);                        return makeJSONObject(date, time, pattern);                }                if (bean instanceof Date) {                        Date d = (Date) bean;                        long time = d.getTime();                        String pattern = getDatePattern();                        String date = DateFormatUtils.format(time, pattern);                        return makeJSONObject(date, time, pattern);                }                return new JSONObject(true);        }        private static JSONObject makeJSONObject(String date, long time,                        String pattern) {                JSONObject jsonObject = new JSONObject();                jsonObject.element("date", date);                jsonObject.element("time", time);                jsonObject.element("pattern", pattern);                return jsonObject;        }}

 

这样的转换时间可以满足日期,和时间的获取

Extjs中对日期的处理