• Get started
• Set language
• Set format date
• Set ranges
• Client Events
• Options

DateRangePicker

Get started #

DateRangePicker helps us to pick a range of dates.

<?php
DateRangePicker::create(array(
    "name"=>"dateRange",
));
?>

Set language #

DateRangePicker has ability to set language:

<?php
DateRangePicker::create(array(
    "name"=>"dateRange",
    "language"=>"en",
));
?>

Set format date #

We can set the display format of DateRangePicker

<?php
DateRangePicker::create(array(
    "name"=>"dateRange",
    "format"=>"MMM Do, YYYY", //Jul 3rd, 2017
));
?>

The full input of format can be found here:

Set ranges #

<?php
DateRangePicker::create(array(
    "name"=>"dateRange",
    "format"=>"MMM Do, YYYY", //Jul 3rd, 2017
    "ranges"=>array(
        "Today"=>DateRangePicker::today(),
        "Yesterday"=>DateRangePicker::yesterday(),
        "Last 7 days"=>DateRangePicker::last7days(),
        "Last 30 days"=>DateRangePicker::last30days(),
        "This month"=>DateRangePicker::thisMonth(),
        "Last month"=>DateRangePicker::lastMonth(),
    )
));
?>

Above are all of ranges that DateRangePicker supports. You can create custom function to return custom startDate and endDate.

Client Events #

DateRangePicker supports below events

<?php
DateRangePicker::create(array(
    ...
    "clientEvents"=>array(
        "change"=>"function(e){
            console.log(e.date);
            console.log(e.oldDate);
        }",
    )
));
?>

Options #

You may set extra options for DateRangePicker with "options" property, for example:

<?php
DateRangePicker::create(array(
    ...
    "options"=>array(
        "showWeekNumbers"=>true
    )
));
?>

Here is the full list of option items that you may set.