Home Page: Nelson Mandela University

The datepicker set up is done in jquery. Highlight current date


                                            todayHighlight: 1

Date format format: "dd M yyyy" e.g 01 Jan 2019 To change the Orientation add


                                            orientation: "top right"/"top left"

or "bottom right"/"bottom left"

Minimum Setup.

Datepicker with orientation.

Daterangepicker and timepicker set up is done in jquery. Highlight current date


                                            todayHighlight: 1

Date format format: "dd M yyyy" e.g 01 Jan 2019 To change the Orientation add


                                            orientation: "top right"/"top left"

or "bottom right"/"bottom left"

Range Picker.

Linked pickers for date range selection

Time Picker.

Decimal spinner control. basic setup on jquery. Buttons classes are buttondown_class: "btn btn-secondary" The Min & Max min: 0, max: 100

Decimal Spinner.

Spinner with prefix option prefix: "%"

Maximum length control setup on jquery.Badge color m-badge--warning/danger/success

Maxlength.

The badge will show up by default when the remaining chars are 3 or less

Select2 controls setup on jquery. The selected option background colour#ebedf2 for multiselect

Basic Example

Multi Select

Maximum length control setup on jquery.Badge color m-badge--warning/danger/success

Basic Example setting the default to On checked="checked"

Custom example attribute data-on-text="True" To change the color of the switch use data-on-color="success"