amis2/examples/components/EventAction/DateEvent.jsx

export default {
  type: 'page',
  title: '时间类组件事件',
  regions: ['body', 'toolbar', 'header'],
  body: [
    {
      type: 'tpl',
      tpl: 'inputDate日期',
      inline: false,
      wrapperComponent: 'h2'
    },
    {
      type: 'form',
      debug: false,
      body: [
        {
          type: 'group',
          body: [
            {
              name: 'trigger1',
              id: 'trigger1',
              type: 'action',
              label: 'clear触发器',
              level: 'primary',
              onEvent: {
                click: {
                  actions: [
                    {
                      actionType: 'clear',
                      componentId: 'clear-inputDate-receiver',
                      description: '点击清空指定日期组件的具体时间'
                    }
                  ]
                }
              }
            },
            {
              name: 'clear-inputDate',
              id: 'clear-inputDate-receiver',
              type: 'input-date',
              label: 'clear动作测试',
              mode: 'row',
              value: new Date()
            }
          ]
        },
        {
          type: 'group',
          body: [
            {
              name: 'trigger2',
              id: 'trigger2',
              type: 'action',
              label: 'reset触发器',
              level: 'primary',
              onEvent: {
                click: {
                  actions: [
                    {
                      actionType: 'reset',
                      componentId: 'reset-inputDate-receiver',
                      description: '点击重置指定日期组件的时间'
                    }
                  ]
                }
              }
            },
            {
              name: 'reset-inputDate',
              id: 'reset-inputDate-receiver',
              type: 'input-date',
              label: 'reset动作测试',
              mode: 'row',
              value: new Date(),
              resetValue: new Date()
            }
          ]
        }
      ]
    },
    {
      type: 'tpl',
      tpl: 'inputDateRange日期范围',
      inline: false,
      wrapperComponent: 'h2'
    },
    {
      type: 'form',
      debug: false,
      body: [
        {
          type: 'group',
          body: [
            {
              name: 'trigger3',
              id: 'trigger3',
              type: 'action',
              label: 'clear触发器',
              level: 'primary',
              onEvent: {
                click: {
                  actions: [
                    {
                      actionType: 'clear',
                      componentId: 'clear-inputDateRange-receiver',
                      description: '点击清空指定日期组件的具体时间'
                    }
                  ]
                }
              }
            },
            {
              name: 'clear-inputDate',
              id: 'clear-inputDateRange-receiver',
              type: 'input-date-range',
              label: 'clear动作测试',
              mode: 'row',
              value: [new Date(2100, 1, 1), new Date(2100, 1, 2)]
            }
          ]
        },
        {
          type: 'group',
          body: [
            {
              name: 'trigger4',
              id: 'trigger4',
              type: 'action',
              label: 'reset触发器',
              level: 'primary',
              onEvent: {
                click: {
                  actions: [
                    {
                      actionType: 'reset',
                      componentId: 'reset-inputDateRange-receiver',
                      description: '点击重置指定日期组件的时间'
                    }
                  ]
                }
              }
            },
            {
              name: 'reset-inputDateRange',
              id: 'reset-inputDateRange-receiver',
              type: 'input-date-range',
              label: 'reset动作测试',
              mode: 'row',
              value: [new Date(2100, 1, 1), new Date(2100, 1, 2)],
              resetValue: [new Date(2100, 1, 1), new Date(2100, 1, 2)]
            }
          ]
        }
      ]
    },
    {
      type: 'form',
      debug: false,
      body: [
        {
          type: 'group',
          body: [
            {
              name: 'trigger5',
              id: 'trigger5',
              type: 'action',
              label: 'clear触发器',
              level: 'primary',
              onEvent: {
                click: {
                  actions: [
                    {
                      actionType: 'clear',
                      componentId: 'clear-inputMonthRange-receiver',
                      description: '点击清空指定日期组件的具体时间'
                    }
                  ]
                }
              }
            },
            {
              name: 'clear-inputMonthRange',
              id: 'clear-inputMonthRange-receiver',
              type: 'input-month-range',
              label: 'clear动作测试',
              mode: 'row',
              value: [new Date(2100, 1, 1), new Date(2100, 1, 2)]
            }
          ]
        },
        {
          type: 'group',
          body: [
            {
              name: 'trigger6',
              id: 'trigger6',
              type: 'action',
              label: 'reset触发器',
              level: 'primary',
              onEvent: {
                click: {
                  actions: [
                    {
                      actionType: 'reset',
                      componentId: 'reset-inputMonthRange-receiver',
                      description: '点击重置指定日期组件的时间'
                    }
                  ]
                }
              }
            },
            {
              name: 'reset-inputMonthRange',
              id: 'reset-inputMonthRange-receiver',
              type: 'input-month-range',
              label: 'reset动作测试',
              mode: 'row',
              value: [new Date(2100, 1, 1), new Date(2100, 1, 2)],
              resetValue: [new Date(2100, 1, 1), new Date(2100, 1, 2)]
            }
          ]
        }
      ]
    }
  ]
}