Categories

.productUiAppointmentpicker()

Categories: UI

.productUiAppointmentpicker( [ options ] )

Subclass: de_epages

Inherit: (Subclass: ep) .uiDatepicker()

Plugin: de_epages.product.ui.appointmentpicker

Description: Add appointment date selection from calendar handling for input elements.

  • .productUiAppointmentpicker( [ options ] )

    version added: 6.11.0

    options   A map of additional options pass to the method.

The .productUiAppointmentpicker() method add validate handling to a input elements.

The .productUiAppointmentpicker() method is a validation input also and using the validation type date from the ep.validate module. Have a look at the additional options, some options are only available for a special validation types.

  • Apply .productUiAppointmentpicker() to input element named date.

    HTML:
    <form>
      <input type="text" name="date" />
    </form>
    
    Code:
    de_epages(':input[name=date]')
        .productUiAppointmentpicker({
            showOn: 'focus',
            appointment: {
                id:                 8930,
                quantityMin:        1,
                quantityRequested:  1,
                quantityAvailable:  5,
                minutesRequested:   60
            }
        });
    
    
  • appointment

    version added: 6.11.0

    A map of options like the ObjectID for the current appointment.

    Default: {\n id: 0,\n quantityMin: 1,\n quantityRequested: 1,\n quantityAvailable: 1,\n minutesRequested: 60\n}

  • updateAppointment

    • .productUiAppointmentpicker( 'updateAppointment', appointment )

      version added: 6.11.0

      appointment   A map of options like the ObjectID for the current appointment.

    Updates the appointment option and refresh the availability.