Drag to select over jQuery UI Datepicker
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
README.md
daterange_selector.js
screenshot.png

README.md

jquery-ui-daterange-draggable

Facilitates selecting two dates by dragging through the jQuery UI Datepicker. Make sure you have jQuery and jQuery UI (with Selectable & Draggable modules) loaded.

Screenshot

screenshot of jquery-ui-daterange-draggable in action

Usage

DaterangeSelector({
      selector: "#datepicker", 
      nr_months: 2, // display 2 Datepicker months
      start_date: function () {
        return(new Date()); // beginning of current selection
      },
      end_date: () -> (
        return(new Date()); // end of current selection
      ),
      start_date_selected: function(time) { // callback when user starts dragging
        console.log("new selection begins at: " + time);
      },
      end_date_selected: function(time) { // callback when user stops dragging
        console.log("new selection ends at: " + time);
      }
    });