Important

We are updating the images for OroCommerce version 6.1 to align with the latest changes in the back-office design. During this transition, some images may still show older versions. Thank you for your patience as we work to update all visuals to reflect these changes.

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