Javascript 无法在日期选择器中添加图像

我正在使用

.timepicker

内置

.jqGrid

和

过滤器工具栏

。我想在过滤器栏旁边添加一个图像，用户应该在这里看到他们单击图像的时间

如果我只使用

$（element）.timepicker（）然后我看到了我点击过滤条的时间，但当我执行以下操作时，
timepicker
根本不工作

$(element).timepicker({
                showOn: "button",
                buttonImage: "https://jqueryui.com/resources/demos/datepicker/images/calendar.gif",
                buttonImageOnly: true,
          });

同样的选项适用于
日期选择器
。我错过了什么？这是由于jquery.timepicker.js版本引起的吗

工作演示


$（函数（）{
“严格使用”；
$（“#网格”）.jqGrid({
colModel：[{
名称：“StartRunTime”，
标签：“开始运行时间”，
对齐：“居中”，
sorttype:“时间”，
格式化程序：“时间”，
搜索选项：{
dataInit：函数（元素）{
$（元素）.timepicker（）；
}
}
}],
数据：[{
开始时间：“12:00”
}],
标题：“.jqGrid测试”
}).jqGrid（'filterToolbar'{
自动搜索：正确
});
});
这是无效的选项，但您可以像这样插入图像和侦听器

$(document).on("click", ".showCalendar", function(){
  $("#gs_grid_StartRunTime").timepicker('show');
});
$('#gs_grid_StartRunTime').parent()
  .after('<td><img class="showCalendar" src="https://jqueryui.com/resources/demos/datepicker/images/calendar.gif"></td>');

这很有道理，但如果我添加了图像，它会将图像添加到所有列中。这里是链接。从给定的示例中，如何将其添加到
StartRunTime
列中？