Extjs中对日期的处理

时间:2022-01-13 22:08:00
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 ="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==''||value.length < 1){
     this.msgTarget = "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==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;
        }
}

 

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