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

最新推荐文章于 2022-09-21 11:26:36 发布

微蝉

最新推荐文章于 2022-09-21 11:26:36 发布

阅读量2.9k

点赞数 1

分类专栏：第一阶段文章标签： easyui jQuery timebox 时间组合框日历

本文链接：https://blog.csdn.net/spider_max/article/details/52301986

版权

第一阶段专栏收录该内容

2 篇文章 0 订阅

订阅专栏

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