Question

我正在使用jtable jable.org

创建简单的演示CRUD应用程序

Jtable只包含两个数据列

StartTime和EndTime

如果我想在创建模态窗口中显示日期选择器，我可以将类型字段指定为日期，但我不知道如何显示创建模式对话框中的> 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插件中使用日期时间选择器（不仅仅是日期）来获取CRUD操作中的输入，那么就没有专用的type参数（jtable doc）：

密码/日期/ textarea / radiobutton / checkbox / hidden

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

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

你可以从他的工作开始实施你的部分。它使用来自Trent Richardson的timePicker（也可以在GitHub上找到，here），但就我看来，G. Bisheimer的实现可能不是最新的（timePicker不是最新的，最新的jTable兼容性？）

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

1 个答案: