{"id":8,"date":"2018-02-09T19:21:27","date_gmt":"2018-02-09T19:21:27","guid":{"rendered":"https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/daterange-picker-plugin\/?page_id=8"},"modified":"2020-09-20T16:26:43","modified_gmt":"2020-09-20T16:26:43","slug":"date-range-picker","status":"publish","type":"page","link":"https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/daterange-picker-plugin\/date-range-picker\/","title":{"rendered":"Date Range Picker"},"content":{"rendered":"
\n

Style-1 With Dropdown<\/strong><\/h4>\n

Style with Dropdown and Date Format: MM-DD-YYYY<\/strong><\/p>\n

<\/div>\n

<\/p>\n

Style-1-2 Without Dropdown<\/strong><\/h4>\n

Style Without Dropdown and Short Calendar Label Text – Date Format: DD MMMM, YYYY<\/strong><\/p>\n

<\/div>\n

<\/p>\n

Style-2 All Past Days Disable<\/code><\/strong><\/h4>\n

Style Without Dropdown and All Past\/Previous Days Disable<\/strong><\/p>\n

<\/div>\n

<\/p>\n

Style-3 Show Alert Box<\/code> for Selected date<\/strong><\/h4>\n

On Clck Apply button will Show Alert Box for Selected date<\/code><\/strong><\/p>\n

<\/div>\n

<\/p>\n

Style-4 Set minDate<\/code> – Active Date from the Next Week<\/code><\/strong><\/h4>\n

Style Without Dropdown and Set minDate – Date Active<\/code> from the Next Week<\/code><\/strong><\/p>\n

<\/div>\n

<\/p>\n

Style-5 Format: MMMM DD, YYYY and set minDate<\/strong><\/h4>\n

Style With Dropdown and Set minDate – Date Active from the Next Week<\/code><\/strong><\/p>\n

<\/div>\n

<\/p>\n

Style-6 Limited Time Offer<\/code> – Set minDate and maxDate<\/strong><\/h4>\n

Set minDate and maxDate – Date Active for a specific Date Range<\/code> (December Current Year)<\/strong><\/p>\n

<\/div>\n

<\/p>\n

Style-6-2 Limited Time Offer<\/code> – Set minDate and maxDate<\/strong><\/h4>\n

Set minDate and maxDate – Date Active for a specific Date Range<\/code> (20 August – 20 September, 2027)<\/strong><\/p>\n

<\/div>\n

<\/p>\n

Style-7 Predefined Ranges<\/strong><\/h4>\n

Predefined Ranges<\/code> as Like: Yesterday<\/code>, Last 7 Days<\/code>, Last 30 Days<\/code>, Next 7 Days<\/code>, This Month<\/code>, Last Month<\/code><\/strong><\/p>\n

<\/div>\n

<\/p>\n

Style-8 All Past Day Disable and Short Calendar Label Text<\/code> with Selected Date Alert<\/strong><\/h4>\n

All Past Day Disable and Short Calendar Label Text and On date select will Show Alert Box for Selected date<\/strong><\/p>\n

<\/div>\n

<\/p>\n

Style-9 All Past Day<\/code> & Apply Button Disable<\/code><\/strong><\/h4>\n

With Dropdown All Past Day Disable<\/code> and Apply\/Cancel Button Disable<\/strong><\/p>\n

<\/div>\n

<\/p>\n

Style-10 All Past Day & Apply Button Disable<\/code> with Selected Date Alert<\/strong><\/h4>\n

With Dropdown All Past Day Disable and Apply\/Cancel Button Disable On date select will Show Alert Box for Selected date<\/code><\/strong><\/p>\n

<\/div>\n

<\/p>\n

Style-11 Show Week Numbers<\/code> and Week Start day: Monday<\/code><\/strong><\/h4>\n

Calendar Show Number<\/code> of the Week<\/strong><\/p>\n

<\/div>\n

<\/p>\n

Style-12 Date Limit (Limit maximum number of selected Date<\/code>: here 10 Days)<\/strong><\/h4>\n

In this example more than 10 days<\/code> select will not be possible<\/code><\/strong><\/p>\n

<\/div>\n

<\/p>\n

Style-13 TimePicker 12Hour<\/code><\/strong><\/h4>\n

Calendar with 12 hour Clock<\/strong><\/p>\n

<\/div>\n

<\/p>\n

Style-13-2 TimePicker 24Hour<\/code><\/strong><\/h4>\n

Calendar with 24 hour Clock<\/strong><\/p>\n

<\/div>\n

<\/p>\n

Style-14 Calendar in French<\/code> Date Format: DD\/MM\/YYYY<\/strong><\/h4>\n

For Language Change please check Online Documentation<\/code><\/a><\/p>\n

<\/div>\n

<\/p>\n

Style-14-2 Calendar in French<\/code> Date Format: DD MMMM, YYYY<\/strong><\/h4>\n

For Language Change please check Online Documentation<\/code><\/a><\/p>\n

<\/div>\n

<\/p>\n

Style-15 Default value Blank<\/code> and Week Start day: Saturday<\/code><\/strong><\/h4>\n
<\/div>\n

<\/p>\n

Style-16 Set startHour<\/code> and endHour<\/code> Only for 24hours<\/code> mode<\/strong><\/h4>\n

As like Office Opening Hour. Here Opening Hour: 9 - 17<\/code><\/strong><\/p>\n

<\/div>\n

<\/p>\n

Style-17 Enabled Hours<\/code> Only for 24hours<\/code> mode<\/strong><\/h4>\n

As like Opening Hours: 8-14 & 17-22<\/code><\/strong><\/p>\n

<\/div>\n

<\/p>\n

Style-18 Set Booking active after 16 hours<\/code> from current time<\/code> and Set startHour<\/code> and endHour<\/code><\/strong><\/h4>\n

Time enable after 16 hours<\/code> from the current time<\/code> and Here Start Hour: 9<\/code> and end Hour: 17<\/code><\/strong><\/p>\n

<\/div>\n

<\/p>\n<\/form>\n","protected":false},"excerpt":{"rendered":"

Style-1 With Dropdown Style with Dropdown and Date Format: MM-DD-YYYY Style-1-2 Without Dropdown Style Without Dropdown and Short Calendar Label Text – Date Format: DD MMMM, YYYY Style-2 All Past Days Disable Style Without Dropdown and All Past\/Previous Days Disable Style-3 Show Alert Box for Selected date On Clck Apply button will Show Alert Box […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-daterange-picker.php","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/daterange-picker-plugin\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/daterange-picker-plugin\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/daterange-picker-plugin\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/daterange-picker-plugin\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/daterange-picker-plugin\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":3,"href":"https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/daterange-picker-plugin\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":1351,"href":"https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/daterange-picker-plugin\/wp-json\/wp\/v2\/pages\/8\/revisions\/1351"}],"wp:attachment":[{"href":"https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/daterange-picker-plugin\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}