Important

You are browsing documentation for version 5.0 of OroCommerce, supported until January 2025. Read the documentation for version 6.0 (the latest LTS version) 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