Fork me on GitHub

jQuery jPList plugin is deprecated. Please check pure JavaScript (ES6) jPList Library alternative instead.

jQuery UI Date Picker Range Filter Settings

jQuery UI Date Picker Range Filter

Control Settings:

Data Attribute Description Values Example
data-path jQuery path to the items jQuery path data-path=".date"
data-datetime-format datetime format The following wilcards could be used: {year}, {month}, {day}, {hour}, {min}, {sec}. data-datetime-format="{month}/{day}/{year}"
value input fields predefined date values datetime value or today value="11/12/2014"
value="today"
data-datepicker-func jQuery UI 'datepicker' function defined by user. This function should be placed in jQuery.fn.jplist.setting function  

General Settings:

Data Attribute Description Values Example
data-control-type="date-picker-range-filter" panel control type definition 'date-picker-range-filter' data-control-type="date-picker-range-filter"
data-control-name="name" panel control name. It should be the same in the top and bottom panels string value data-control-name="date-picker-range-filter"
data-control-action="filter" panel control action definition 'filter' data-control-action="filter"
data-control-storage="false" exclude control from storage (when cookies/localstorage is enabled) 'true' ot 'false' data-control-storage="false"
data-control-deep-link="false" exclude control from deep link (when deep linking is enabled) 'true' ot 'false' data-control-deep-link="false"
data-control-animation="false" exclude control from animation effects 'true' ot 'false' data-control-animation="false"
data-control-animate-to-top="false" perform "animate to top" effect for the given control; as a rule, used in bottom panel 'true' ot 'false' data-control-animate-to-top="false"