Pro Pack
Docs HomeProduct SiteSupport
  • Introduction
  • Installation
  • Chart.js
    • Configuration
    • Data Binding
    • Data Labels
  • Dataset Filter Labels
    • Installation
    • Configuration
    • Data Binding
  • DataTables
    • Configuration
    • Data Binding
    • Events
    • Methods
  • Date Range Picker
    • Configuration
    • Data Binding
    • Methods
  • iCheck
    • List
      • Configuration
      • Data Binding
      • Events
    • Filter
      • Configuration
      • Data Binding
  • Select2
    • Configuration
    • Data Binding
    • Events
    • Methods
  • Sparklines
    • Installation
    • Configuration
    • Data Binding
  • Toastr
    • Configuration
  • Web Frameworks
Powered by GitBook
On this page

Was this helpful?

  1. Date Range Picker

Data Binding

PreviousConfigurationNextMethods

Last updated 3 years ago

Was this helpful?

The for Date Range Picker for WireBootstrap is listed below. The component expects these field names in its data configuration.

Properties

Name

Description

startDate

1 day ago

The start date for the selected range

endDate

today

The end date for the selected range

const data = {
   startDate: moment().subtract(7, "days"),
   endDate: moment().subtract(1, "days")
}
const range = new wire.daterangepicker().render('#range', {
  datamap: config 
});

Alternatively, these values can be set directly.

const range = new wire.daterangepicker().render('#range', {
   startDate: moment().subtract(7, "days"),
   endDate: moment().subtract(1, "days"),
});
data map