minRange

Specifies the minimum range that can be selected.

Type:

Number

|

Object

|

String

Default Value: undefined
Accepted Values: 'millisecond' | 'second' | 'minute' | 'hour' | 'day' | 'week' | 'month' | 'quarter' | 'year'

Use this property to set the minimum range that can be selected. When moving a slider to to a position near the other slider that is closer than the specified minimum range, the marker will display the last possible value that it can be set to, and change the font color to 'red'. You can set the color used to indicate an invalid range by using the invalidRangeColor property of the sliderMarker configuration object.

For a numeric scale, assign a numeric value to this property. If the scale is of the date-time type, assign one of the predefined string values or an object to this property. The object's properties specify the number of days, hours, etc.

NOTE
Setting a minimum range is unavailable for a discrete scale.

You can also set the maximum range that can be selected using the maxRange property.

Show Example:
jQuery

In this example, the minRange option is set to 'week'.


                                    

                                    

days

Specifies how few days can be selected. Available for a date-time scale only.

Type:

Number

Show Example:
jQuery

In this example, the minRange option is set to 14 days.


                                    

                                    

hours

Specifies how few hours can be selected. Available for a date-time scale only.

Type:

Number

Show Example:
jQuery

In this example, the minRange option is set 12 hours.


                                    

                                    

milliseconds

Specifies how few milliseconds can be selected. Available for a date-time scale only.

Type:

Number

Show Example:
jQuery

In this example, the minRange option is set to 10000 milliseconds.


                                    

                                    

minutes

Specifies how few minutes can be selected. Available for a date-time scale only.

Type:

Number

Show Example:
jQuery

In this example, the minRange option is set to 10 minutes.


                                    

                                    

months

Specifies how few months can be selected. Available for a date-time scale only.

Type:

Number

Show Example:
jQuery

In this example, the minRange option is set to 3 months.


                                    

                                    

quarters

Specifies how few quarters can be selected. Available for a date-time scale only.

Type:

Number

seconds

Specifies how few seconds can be selected. Available for a date-time scale only.

Type:

Number

Show Example:
jQuery

In this example, the minRange option is set to 30 seconds.


                                    

                                    

weeks

Specifies how few weeks can be selected. Available for a date-time scale only.

Type:

Number

years

Specifies how few years can be selected. Available for a date-time scale only.

Type:

Number

Show Example:
jQuery

In this example, the minRange option is set to 5 years.