您的位置:首页 > Web前端 > JavaScript

关于Web项目里的给表单验证控件添加结束时间不得小于开始时间的验证方法,日期转换和前台显示格式之间,还有JSON取日期数据格式转换成标准日期格式的问题

2014-11-26 11:37 1726 查看
项目里有些不同页面间的日期显示格式是不同的,

第一个问题:

比如我用日期控件WdatePicker.js导包后只需在input标签里加上onClick="WdatePicker()"就可以用了,但是默认是没有时分秒的,如果需要显示时分秒只需要加上WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})就行。

**************************************************************************************************************

第二个问题:

那么我用表单验证控件jquery.validate.js时需要比较结束时间一定要大于开始时间,这需要自己添加一个方法,js可以这么写:

<script type="text/javascript" src="js/jquery.validate.js"></script>

<script type="text/javascript">

//这个方法是转换年月日的日期格式的,
function getDate(strDate) {
var date = eval('new Date('
+ strDate.replace(/\d+(?=-[^-]+$)/, function(a) {
return parseInt(a, 10) - 1;
}).match(/\d+/g) + ')');
return date;
}

jQuery.validator.addMethod("fdate", function(value, element, param) {

//"fdate"是方法名,验证的时候需要在开始和结束时间都输入完成后在结束时间etime那里验证

//value是元素的值,element是元素本身 param是参数
var end = getDate(value);
var begin = getDate($("#" +param).val());
if (begin > end) {
return false;
}
return true;
}, $.validator.format("结束时间不能小于开始日期"));

$(function() {

rules : {

name : {

required : true,

minlength : 5

},

qipai : {

required : true,

number : true

},

dijia : {

required : true,

number : true

},

stime : {

required : true,

dateISO : true

},

etime : {

required : true,

dateISO : true,

fdate : "stime" //"stime"当参数传进去了,加一个"#"stime.val()能取到我的开始时间的值

}

},

messages : {

name : {

required : "商品名必填",

minlength : jQuery.format("用户名不能小于{0}个字 符")

},

qipai : {

required : "起拍价必填",

number : "必须为数值类型"

},

dijia : {

required : "底价必填",

number: "必须为数值类型"

},

stime : {

required : "开始日期必填",

dateISO : true

},

etime : {

required : "结束日期必填",

dateISO : true

}

}

});

});

对照着我的html标签:

开始时间:<input type="text" name="stime" id="stime"
onClick="WdatePicker()" value="<fmt:formatDate value='${UGood.stime}' pattern='yyyy-MM-dd'/>"><br>
结束时间:<input type="text" name="etime" id="etime"
onClick="WdatePicker()" value="<fmt:formatDate value='${UGood.etime}' pattern='yyyy-MM-dd'/>"><br>

***********************************************************************************************

第三个问题:

我的Oracle数据库里是Date类型,由于精确日期的需要,我的JaveBean的日期类型是Timestamp类型可以精确到时分秒,那么我查询页面根据发布日期查询商品的时候不需要精确到时分秒,我的input标签从数据库里读到的值却又显示时分秒怎么办呢?

可以在jsp页面顶部加上指令<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>

在标签里::<input type="text" name="stime" id="stime"
onClick="WdatePicker()" value="<fmt:formatDate value='${UGood.stime}' pattern='yyyy-MM-dd'/>">就只显示年月日的格式了。

***********************************************************************************************************

第四个问题,我用ajax从后台取数据的时候,需要把实体类的信息转换成JOSN格式,那么我遇到的问题是JSON控件结合Hibernate里级联出现死循环的问题,

我的Precord记录类里面对应Goods类和User类都是多对一的关系,Precord类里有

@ManyToOne(fetch = FetchType.EAGER)
@JoinColumn(name = "USERID")
private PUser pUser;



@ManyToOne(fetch = FetchType.EAGER)
@JoinColumn(name = "GID")
private Goods goods;

而Goods类和User类里面也各有一个一对多的关系,

@OneToMany(cascade = CascadeType.ALL, fetch = FetchType.LAZY, mappedBy = "goods")
private Set<Precord> precords = new HashSet<Precord>(0);



@OneToMany(cascade = CascadeType.ALL, fetch = FetchType.LAZY, mappedBy = "pUser")
private Set<Precord> precords = new HashSet<Precord>(0);

网上搜了下查处解决方式为:

JSONArray array = new JSONArray();

JsonConfig config = new JsonConfig();

//config.registerJsonValueProcessor(Timestamp.class,new JsonDateValueProcessor());

config.setJsonPropertyFilter(new PropertyFilter() {

@Override

public boolean apply(Object arg0, String name, Object arg2) {

if (name.equals("precords")) {

return true;

}

return false;

}

});

这样Json就出来了

但是又遇到一个问题,我的JSON读取到的时间类型格式都为:

"ptime":{"date":23,"day":0,"hours":23,"minutes":5,"month":10,"nanos":0,"seconds":59,"time":1416755159000,"timezoneOffset":-480,"year":114}

那么往前台传的时候就费劲了,网上搜到的方法:

在刚才过滤死循环的代码里注释去掉后就能用,

config.registerJsonValueProcessor(Timestamp.class,new JsonDateValueProcessor());

这个代码里的new JsonDateValueProcessor() 这个类是自己手写的实现JsonValueProcessor接口的类,类里的具体代码为:

public class JsonDateValueProcessor implements JsonValueProcessor { private String format = "yyyy-MM-dd HH:mm:ss";

public JsonDateValueProcessor() { // TODO Auto-generated constructor stub }

@Override
public Object processArrayValue(Object value, JsonConfig jcf) {
String[] obj = {};
if (value instanceof Date[]) {
SimpleDateFormat sdf = new SimpleDateFormat(format);
Date[] dates = (Date[]) value;
obj = new String[dates.length];
for (int i = 0; i < dates.length; i++) {
obj[i] = sdf.format(dates[i]).trim();
}
}
return obj;
}

@Override public Object processObjectValue(String key, Object value, JsonConfig jcf) {

if (value instanceof Date) {

String str = new SimpleDateFormat(format).format((Date) value);

return str.trim();

}

return value == null ? null : value.toString();

}

}

这样时间就转换成了自己想要的格式:

"ptime":"2014-11-23 23:05:59"
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐