如何自定义jquery-jtable创建对话框

Question

我正在使用jtable jable.org创建简单的演示CRUD应用程序

Jtable只包含两个数据列

起始时间和结束时间

我可以指定类型字段为日期如果我想在创建模态窗口中显示日期选择器，但是我不知道如何在创建模态对话框中显示datetimepicker。

我可以在jtable js中自定义创建模式对话框吗

$('#MaintenanceTime').jtable({
    jqueryuiTheme: true,
    paging: true,
    pageSize: 10,
    title: 'The Roles are as follows:-',
    messages: {
        loadingMessage: 'Fetching Data from Server',
        addNewRecord: 'Add New MaintenanceTime',
    },
    actions: {
        listAction: '@Url.Action("ListMaintenanceTime")',
        updateAction: '@Url.Action("UpdateMaintenanceTime")',
        deleteAction: '@Url.Action("DeleteMaintenanceTime")',
        createAction: '@Url.Action("AddMaintenanceTime")'
    },
    fields: {
        ATMaintenanceID: {
            key: true,
            title: 'Id',
            create: false,
            edit: false,
            list: false
        },
        StartDate: {
            title: 'Start Time'
            //type: 'datetime',
            //displayFormat: 'dd.mm.yy',
        },
        EndDate: {
            title: 'End Time'
            //type: 'date',
            //displayFormat: 'dd.mm.yy',
        },
    }
});

谢谢你复习我的问题。

Answer 1

如果您想在jQuery的jTable插件中使用datetime选择器(不仅仅是日期)作为CRUD操作中的输入，则在参数(jTable doc)中没有专用的type:

密码/日期/文本区/单选按钮/复选框/隐藏

因为date格式只允许jQuery Datepicker日期格式。

---

一个GitHub用户做了以下的提交来实现dateTime类型:https://github.com/gbisheimer/jtable/commit/e40d9c4bd9c65adb56b43a9c233f65c9bc7a5cb9

你可以从他的工作开始执行你的部分。它使用了Trent Richardson的timePicker(也可以在GitHub上找到，在这里)，但据我所见，G. Bisheimer的实现可能不是最新的(timePicker不是最新的，最新的jTable兼容性?)