jQWidgets jqxScheduler editDialogDateFormatString属性

jQWidgets jqxScheduler是一个基于jQuery的高度可定制的日程安排组件。其中包含一个editDialogDateFormatString属性， 该属性用于设置在编辑对话框中时间选择器控件显示日期和时间的格式字符串。下面我们就来详细了解一下该属性的使用方法。

editDialogDateFormatString的用法

语法

$('"#jqxScheduler").jqxScheduler({
    editDialogDateFormatString: dateFormatString
});

参数

• dateFormatString：字符串类型，表示日期和时间的显示格式。支持的格式化符号包括Y, M, D, H, m, s。

示例

下面的示例代码演示了如何设置editDialogDateFormatString属性：

$("#scheduler").jqxScheduler({
    date: new Date(2022, 8, 1),
    width: "100%",
    height: "700px",
    resources:
    {
        colorScheme: "scheme05",
        dataField: "calendar",
        source: new $.jqx.dataAdapter(source)
    },
    appointmentDataFields:
    {
        from: "start",
        to: "end",
        id: "id",
        description: "description",
        location: "place",
        subject: "name",
        resourceId: "calendar",
        allDay: "allDay"
    },
    views:
    [
        'dayView',
        'weekView',
        'monthView'
    ],
    //设置editDialogDateFormatString属性
    editDialogDateFormatString:'yyyy-MM-dd HH:mm:ss',
})

在编辑对话框中，时间选择器的日期和时间将以'yyyy-MM-dd HH:mm:ss'格式进行显示。

为了更直观地理解该属性的作用，下面再给出一个示例，代码如下：

$("#scheduler").jqxScheduler({
    date: new Date(2022, 8, 1),
    width: "100%",
    height: "700px",
    resources:
    {
        colorScheme: "scheme05",
        dataField: "calendar",
        source: new $.jqx.dataAdapter(source)
    },
    appointmentDataFields:
    {
        from: "start",
        to: "end",
        id: "id",
        description: "description",
        location: "place",
        subject: "name",
        resourceId: "calendar",
        allDay: "allDay"
    },
    views:
    [
        'dayView',
        'weekView',
        'monthView'
    ],
    //设置editDialogDateFormatString属性
    editDialogDateFormatString:'MM/dd/yyyy HH:mm:ss',
})

上述代码的 editDialogDateFormatString属性被设置为'MM/dd/yyyy HH:mm:ss'，也就是月/日/年 时:分:秒的格式。在编辑对话框中，时间选择器的日期和时间将以该格式进行显示。