如何自定义jquery-jtable create对话框

Question

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

Jtable只包含两个数据列。

StartTime和EndTime

如果我想在“创建模式”窗口中显示“datetimepicker日期-选择器”，则可以将类型字段指定为“date”，但我不知道如何在“创建模式”对话框中显示Date-Picker。

我可以自定义jtable js中的create对话框吗？

$('#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插件中的日期时间选择器(不仅仅是日期)作为CRUD操作中的输入，则在参数(jtable文档)中没有专用的type：

密码/日期/文本区/无线电按钮/复选框/隐藏

因为date格式只允许jQuery数据交换日期格式。

GitHub用户为实现dateTime类型进行了以下提交：https://github.com/gbisheimer/jtable/commit/e40d9c4bd9c65adb56b43a9c233f65c9bc7a5cb9

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