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

- 日理万妓 2022-07-17 00:52 287阅读 0赞

easyUI 中日期格式默认是11/5/2009 12:09:0 这样后台接收不到 要设置成2001-11-5 12:09:0 后台直接就能接收到不到，而且在参数传递的时候浏览器传过去的是  
2001-11-5+12:09:0 会自动把空格变成加号不过后台依然能接收到，所以重点是要把斜线 / 变成短横线 - 。

easyUI中的日期时间组件

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

![20160824165339211][]![Center][]

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

class="easyui-datetimebox

其中 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 中的语句就可以了，默认格式为 / 类型的，这样的格式在后台接收不到于是改成了 - 类型的。

[20160824165339211]: https://img-blog.csdn.net/20160824165339211
[Center]: /images/20220717/d80e0a655d674a6d9c48ba47e29fc89b.png