Jquery 在.jqGrid中的过滤器栏旁边设置一个图像

我想在特定列上设置一个图像，但是当我使用

格式化程序设置它时，我没有得到预期的结果。图像正在覆盖数据


$（函数（）{
“严格使用”；
$（“#我的对话框”）.dialog({
自动打开：错误
});
$（“#网格”）.jqGrid({
colModel：[
{名称：“批次ID”，标签：“批次ID”，对齐：“中心”}，
{名称：“状态”，标签：“状态”，对齐：“中心”，格式化程序：“选择”，
formatoptions:{value:“CAN:已取消；COM:已完成；笔：挂起”，defaultValue:“笔”}，
stype:“选择”，搜索选项：{value:：挂起；CAN:取消；COM:已完成”}，
{名称：“开始运行日期”，标签：“开始运行日期”，对齐：“中心”，排序类型：“日期”，
格式化程序：函数（）{return”“；}，
格式选项：{newformat:“d-M-Y”}，
{名称：“StartRunTime”，标签：“开始运行时间”，对齐：“中心”，排序类型：“时间”，格式化程序：“时间”}，
{名称：“EndRunDate”，标签：“End Run Date”，对齐：“center”，可编辑：true，sorttype:“Date”}，
{name:“EndRunTime”，标签：“End RunTime”，对齐：“center”，可编辑：true，sorttype:“time”}，
{name:“Action”，label:“Action”，align:“center”，formatter:“showlink”}，
{名称：“作业ID”，标签：“作业ID”，对齐：“中心”}，
{name:“JobName”，标签：“Job name”，对齐：“center”}，
{名称：“概念名称”，标签：“概念名称”，对齐：“中心”}，
{名称：“开始日期”，标签：“开始日期”，对齐：“中心”}，
{名称：“结束日期”，标签：“结束日期”，对齐：“中心”}，
{名称：“频率”，标签：“频率”，对齐：“中心”，
格式化程序：“选择”，
formatoptions:{value:“ALL:ALL；DAI:Daily；WEK:Weekly”，defaultValue:“ALL”}，
stype：“选择”，
搜索选项：{value:：：All；DAI:Daily；WEK:Weekly}，
{名称：“查询链接”，标签：“查询链接”，对齐：“中心”，
格式化程序：函数（）{return'Pop Up'}，
{名称：“提交者”，标签：“提交者”，对齐：“中心”}
],
数据：[
{BatchID:“1”，状态：“待定”，StartRunDate:“2017年7月12日”，StartRunTime:“12:00”，EndRunDate:“2017年7月12日”，
EndRunTime:“1:00”，Action:“取消交付”，JobID:“123”，JobName:“测试”，ConceptName:“CPK”，StartDate:“2017年7月12日”，EndDate:“2017年7月12日”，Frequency:“全部”，QueryLink:“链接”，提交人：“John Doe”
}],
iconSet：“真棒”，
行数：对，
sortname:“invdate”，
巫师：“描述”，
标题：“.jqGrid测试”
}).jqGrid（'filterToolbar'，{autoSearch:true}）.on（'click'，'.popup trigger'，function（）{
$（“我的对话框”）.dialog（“打开”）；
});
});
我不确定我是否正确理解您的要求。您可以在下面的
StartRunDate
的
colModel
中找到对代码的修改，以及一些附加的CSS规则


$（函数（）{
“严格使用”；
$（“#我的对话框”）.dialog({
自动打开：错误
});
$（“#网格”）.jqGrid({
colModel：[
{名称：“批次ID”，标签：“批次ID”，对齐：“中心”}，
{名称：“状态”，标签：“状态”，对齐：“中心”，格式化程序：“选择”，
formatoptions:{value:“CAN:已取消；COM:已完成；笔：挂起”，defaultValue:“笔”}，
stype:“选择”，搜索选项：{value:：挂起；CAN:取消；COM:已完成”}，
{名称：“开始运行日期”，标签：“开始运行日期”，对齐：“中心”，排序类型：“日期”，
格式化程序：函数（cellval、opions、rawdata、act）{
return$.fn.fmatter.call（此“日期”、cellval、opions、rawdata、act）+
" "; },
格式选项：{srcformat:“m/d/Y”}，
搜索选项：{
sopt:[“eq”、“ne”、“lt”、“le”、“gt”、“ge”]，
属性：{
占位符：“m/d/yyyy”，
样式：“宽度：110px；显示：内联块
},
dataInit：函数（元素、选项）{
$（元素）.日期选择器({
展示：“按钮”，
按钮尺寸：“https://jqueryui.com/resources/demos/datepicker/images/calendar.gif",
buttonImageOnly:true
});
}
} },
{名称：“StartRunTime”，标签：“开始运行时间”，对齐：“中心”，排序类型：“时间”，格式化程序：“时间”}，
{名称：“EndRunDate”，标签：“End Run Date”，对齐：“center”，可编辑：true，sorttype:“Date”}，
{name:“EndRunTime”，标签：“End RunTime”，对齐：“center”，可编辑：true，sorttype:“time”}，
{name:“Action”，label:“Action”，align:“center”，formatter:“showlink”}，
{名称：“作业ID”，标签：“作业ID”，对齐：“中心”}，
{name:“JobName”，标签：“Job name”，对齐：“center”}，
{名称：“概念名称”，标签：“概念名称”，对齐：“中心”}，
{名称：“开始日期”，标签：“开始日期”，对齐：“中心”}，
{名称：“结束日期”，标签：“结束日期”，对齐：“中心”}，
{名称：“频率”，标签：“频率”，对齐：“中心”，
格式化程序：“选择”，
formatoptions:{value:“ALL:ALL；DAI:Daily；WEK:Weekly”，defaultValue:“ALL”}，
stype：“选择”，
搜索选项：{value:：：All；DAI:Daily；WEK:Weekly}，
{名称：“查询链接”，标签：“查询链接”，对齐：“中心”，
格式化程序：函数（）{return'Pop Up'}，
{名称：“提交者”，标签：“提交者”，对齐：“中心”}
],
数据：[
{BatchID:“1”，状态：“待定”，StartRunDate:“2017年7月12日”，StartRunTime:“12:00”，EndRunDate:“2017年7月12日”，
EndRunTime:“1:00”，Action:“取消交付”，JobID:“123”，JobName:“测试”，ConceptName:“CPK”，StartDate:“2017年7月12日”，EndDate:“2017年7月12日”，Frequency:“全部”，QueryLink:“链接”，提交人：“John Doe”
}],
iconSet：“真棒”，
行数：对，
sortname:“invdate”，
巫师：“描述”，
标题：“.jqGrid测试”
}).jqGrid（'filterToolbar'，{autoSearch:true}）.on（'click'，'.popup trigger'，function（）{
$（“我的对话框”）.dialog（“打开”）；
});
});
.ui搜索输入img.ui-datepicker-trigger{
显示：内联块；
垂直对齐：中间对齐