您的位置:首页 > 产品设计 > UI/UE

easyUI的日期时间组合框简单模板+日期时间格式更改+前端传过去日期后台接收不到问题

2016-08-24 16:49 357 查看
easyUI 中日期格式默认是11/5/2009 12:09:0 这样后台接收不到 要设置成2001-11-5 12:09:0 后台直接就能接收到不到,而且在参数传递的时候浏览器传过去的是

2001-11-5+12:09:0 会自动把空格变成加号不过后台依然能接收到,所以重点是要把斜线  / 变成短横线  - 。

easyUI中的日期时间组件

文档中提供了两个demon 一个是只有日期,另一个是日期和时间




     

使用方法非常简单只要在input框中加上一个class="easyui-datetimebox" 或者 class = ''easyui-datebox '' 就可以了

class="easyui-datetimebox

<td><input  id="firstcontactPDtime" class="easyui-datetimebox easyui-validatebox" name="service.time"
data-options="required:true,showSeconds:false"  style="width:150px"></td>
其中 data-options 中的showSeconds:false 为是否显示秒

更改显示格式

$.fn.datetimebox.defaults.formatter = function(date){
var y = date.getFullYear();
var m = date.getMonth()+1;
var d = date.getDate();
var h = date.getHours();
var minu = date.getMinutes();
var sce =date.getSeconds();
return y+'-'+m+'-'+d+' '+h+':'+mintu':'+sce;
}


只需要把这段代码放在<script></script>中就可以不需要放在初始化方法中,其中$.fn.datetimebox.defaults因为使用的是日期时间组合框所以是datetimebox,如果使用的是日期组合框改成$.fn.datebox.就可以了。

返回值 修改 return 中的语句就可以了,默认格式为 / 类型的,这样的格式在后台接收不到于是改成了 - 类型的。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息