Temperature documentation for JQuery

General

Getting Started Quick Install Using with Cordova Using with jQuery Mobile Mobiscroll CLI ES6 Modules Instance Customizing the Look and Feel Upgrade From Trial Utility functions Typings Update version Upgrade Guide v4

Date & Time pickers

Calendar

Usage Options Events Methods Localization Conversion functions Theming

Date & Time

Usage Options Events Methods Localization Theming

Range

Usage Options Events Methods Localization Theming

Timespan

Usage Options Events Methods Localization Conversion functions Theming

Event Calendar

Usage Options Events Methods Localization Theming

Form components

Accordion

Usage

Alerts & Notifications

Alert Confirm Prompt Toast Snackbar Notes

Buttons

Usage Options Theming

Checkbox

Usage Attributes Theming

Dropdown Forms

Usage Options Events Methods Localization Validation Groups Theming

Progress

Usage Attributes Methods Theming

Radio Buttons

Usage Attributes Theming

Rating

Usage Attributes Methods Theming

Segmented

Usage Options Theming

Slider

Usage Attributes Methods Theming

Stepper

Usage Attributes Theming

Switch

Usage Options Theming

Textfields

Usage Attributes Theming

Timer

Usage Options Events Methods Localization Theming

Responsive list

Cards

Usage Options Methods Theming

Listview

Usage Options Events Methods Data attributes Localization Theming

Scrollview

Usage Options Events Methods Localization

Numeric pickers

Measurement

Usage Options Events Methods Temperature Speed Distance Mass Force Localization Theming

Number

Usage Options Events Methods Localization Theming

Numpad

Usage Options Events Methods Localization Decimal Timespan Time Date Conversion functions Theming

Pickers & dropdowns

Color

Usage Options Events Methods Localization Theming

Image

Usage Options Events Methods Data attributes Localization Theming

Option List

Usage Options Events Methods Localization Data attributes Theming

Scroller

Usage Options Events Methods Localization Conversion functions Theming

Select

Usage Options Events Methods Localization Theming

Treelist

Usage Options Events Methods Localization Theming

Layout & navigation Tools

Icons Language Modules

Accessibility

Section 508 WAI-ARIA Support Keyboard Support RTL Support

Temperature

Basic usage

Javascript

$(function () {
    // create a temperature picker
    $("#temp").mobiscroll().temperature({ 
        theme: 'ios', 
        display: 'bottom'
    });
});

HTML

<input id="temp"/>

Options

Name	Type	Default value	Description
defaultUnit	String	`'c'`	Default unit, used for min, max and invalid values.
max	Number	`40`	Maximum value.
min	Number	`-20`	Minimum value.
unitNames	Object	`{ c: '°C', k: 'K', f: '°F', r: '°R' }`	Display names of the units, which will appear on the unit wheel. If some or all of the units are missing, it will revert to the value from the 'units' array
units	Array	`['c', 'k', 'f', 'r']`	A list containing the conversion units. Possible values: c - Celsius k - Kelvin f - Fahrenheit r - Rankine

Methods

Name	Description
setVal(value [, fill ] [, change ] [, temp ] [, time ])	Sets the temperature value. Parameters `value`: String - The temperature value. `fill` (Optional): Boolean - If `true`, the associated input element is also updated with the new value. `change` (Optional): Boolean - If `false`, change event won't be triggered on the input element. `temp` (Optional): Boolean - If `true`, only temporary value is set. `time` (Optional): Number - Specifies the duration of the animation in seconds to scroll the wheels to the new values. There is no animation, if time is omitted or 0. Example Methods can be called on an instance. For more details see calling methods `// With selector $('#mobiscroll').mobiscroll('setVal', '5.00 °C'); // With instance mobiscrollInstance.setVal('5.00 °C');`

Scheduling & calendaring

Date & time picking

Mobile UI Patterns

Docs

Community Forum

Knowledge base

Customers

Blog

Scheduling & calendaring

Date & time picking

Mobile UI Patterns

Docs

Community Forum

Knowledge base

Customers

Blog

Temperature

Basic usage

Options

Methods

Parameters

Example