Important

You are browsing the upcoming documentation for version 5.1 of OroCommerce, OroCRM and OroPlatform, which is scheduled to be released on March 2023. Read version 5.0 (the latest LTS version) of the Oro documentation to get up-to-date information.

See our Release Process documentation for more information on the currently supported and upcoming releases.

DatetimeEditorView ⇐ DateEditorView

Datetime cell content editor

Column configuration examples:

datagrids:
  {grid-uid}:
    inline_editing:
      enable: true
    # <grid configuration> goes here
    columns:
      # Sample 1. Mapped by frontend type
      {column-name-1}:
        frontend_type: datetime
      # Sample 2. Full configuration
      {column-name-2}:
        inline_editing:
          editor:
            view: oroform/js/app/views/editor/datetime-editor-view
            view_options:
              css_class_name: '<class-name>'
              datePickerOptions:
                # See http://api.jqueryui.com/datepicker/
                altFormat: 'yy-mm-dd'
                changeMonth: true
                changeYear: true
                yearRange: '-80:+1'
                showButtonPanel: true
              timePickerOptions:
                # See https://github.com/jonthornton/jquery-timepicker#options
          validation_rules:
            NotBlank: ~
          save_api_accessor:
              route: '<route>'
              query_parameter_names:
                 - '<parameter1>'
                 - '<parameter2>'

Options in YML

Column Option Name Description
inline_editing.editor.view_options.css_class_name Optional. Additional css class name for editor view DOM element
inline_editing.editor.view_options.dateInputAttrs Optional. Attributes for the date HTML input element
inline_editing.editor.view_options.datePickerOptions Optional. See datepicker documentation
inline_editing.editor.view_options.timeInputAttrs Optional. Attributes for the time HTML input element
inline_editing.editor.view_options.timePickerOptions Optional. See jQuery Timepicker documentation
inline_editing.validation_rules Optional. Validation rules. See JS Validation topic for more information
inline_editing.save_api_accessor Optional. Sets accessor module, route, parameters etc.

Constructor Parameters

Extends: DateEditorView

Param Type Description
options Object Options container
options.model Object Current row model
options.fieldName string Field name to edit in model
options.validationRules Object Validation rules. See JS Validation.
options.dateInputAttrs Object Attributes for date HTML input element
options.datePickerOptions Object See datepicker documentation
options.timeInputAttrs Object Attributes for time HTML input element
options.timePickerOptions Object See jQuery Timepicker documentation
options.value string initial value of edited field