jqgrid 时间选择器显示年月日时分秒
时间: 2024-02-15 07:58:43 浏览: 276
以下是在jqGrid中使用时间选择器显示年月日时分秒的方法:
1. 首先,在colModel中设置formatter为“date”,并设置formatoptions选项,如下所示:
```javascript
{
name: 'time',
index: 'time',
width: 150,
formatter: 'date',
formatoptions: {
srcformat: 'Y-m-d H:i:s',
newformat: 'Y-m-d H:i:s'
}
}
```
2. 然后,在gridComplete事件中使用jQuery的find方法找到所有的时间单元格,并使用datetimepicker方法将其转换为时间选择器,如下所示:
```javascript
gridComplete: function() {
var ids = jQuery("#grid").jqGrid('getDataIDs');
for (var i = 0; i < ids.length; i++) {
var id = ids[i];
var time = jQuery("#grid").jqGrid('getCell', id, 'time');
jQuery("#grid").jqGrid('setRowData', ids[i], {
time: '<input type="text" value="' + time + '" class="form-control datetimepicker"/>'
});
jQuery("#grid").find('.datetimepicker').datetimepicker({
format: 'yyyy-mm-dd hh:ii:ss',
autoclose: true,
todayBtn: true,
language: 'zh-CN'
});
}
}
```
这样就可以在jqGrid中使用时间选择器显示年月日时分秒了。
阅读全文