{"id":14,"date":"2018-02-09T19:23:30","date_gmt":"2018-02-09T19:23:30","guid":{"rendered":"https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/daterange-picker-plugin\/?page_id=14"},"modified":"2020-09-20T16:28:32","modified_gmt":"2020-09-20T16:28:32","slug":"single-date-and-time","status":"publish","type":"page","link":"https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/daterange-picker-plugin\/single-date-and-time\/","title":{"rendered":"Single Date and Time"},"content":{"rendered":"<form id=\"reservationForm\" class=\"reservation-form\" name=\"reservationform\">\n<h4>Style-1 <strong>With Dropdown<\/strong><\/h4>\n<p><strong>Style with Dropdown<\/strong><\/p>\n<div class=\"form-group\"><input id=\"reservationdatesingledatetime\" class=\"form-control\" name=\"reservationdatesingledatetime\" readonly=\"readonly\" required=\"\" type=\"text\" \/><\/div>\n<p><!-- end form-group --><\/p>\n<h4>Style-1-2 <strong>Without Dropdown<\/strong><\/h4>\n<p><strong>Style Without Dropdown and Short Calendar Label Text<\/strong><\/p>\n<div class=\"form-group\"><input id=\"reservationdatesingledatetime1\" class=\"form-control\" name=\"reservationdatesingledatetime1\" readonly=\"readonly\" required=\"\" type=\"text\" \/><\/div>\n<p><!-- end form-group --><\/p>\n<h4>Style-2 <strong>All <code>Past\/Previous<\/code> Date Disable<\/strong><\/h4>\n<p><strong>All Past\/Previous <code>Date Disable<\/code> as like Event Date &amp; Time<\/strong><\/p>\n<div class=\"form-group\"><input id=\"reservationdatesingledatetime2\" class=\"form-control\" name=\"reservationdatesingledatetime2\" readonly=\"readonly\" required=\"\" type=\"text\" \/><\/div>\n<p><!-- end form-group --><\/p>\n<h4>Style-3 <strong>With Dropdown<\/strong><\/h4>\n<p><strong>Style With Dropdown<\/strong><\/p>\n<div class=\"form-group\"><input id=\"reservationdatesingledatetime3\" class=\"form-control\" name=\"reservationdatesingledatetime3\" readonly=\"readonly\" required=\"\" type=\"text\" \/><\/div>\n<p><!-- end form-group --><\/p>\n<h4>Style-3-2 <strong>Without Dropdown<\/strong><\/h4>\n<p><strong>Style Without Dropdown<\/strong><\/p>\n<div class=\"form-group\"><input id=\"reservationdatesingledatetime3-2\" class=\"form-control\" name=\"reservationdatesingledatetime3-2\" readonly=\"readonly\" required=\"\" type=\"text\" \/><\/div>\n<p><!-- end form-group --><\/p>\n<h4>Style-4 <strong>Set minDate &#8211; <code>Active Date from the Next Week<\/code><\/strong><\/h4>\n<p><strong>Set <code>minDate<\/code> &#8211; Date Active from the Next Week<\/strong><\/p>\n<div class=\"form-group\"><input id=\"reservationdatesingledatetime4\" class=\"form-control\" name=\"reservationdatesingledatetime4\" readonly=\"readonly\" required=\"\" type=\"text\" \/><\/div>\n<p><!-- end form-group --><\/p>\n<h4>Style-5 <strong>Set minDate and <code>5 minutes Interval<\/code><\/strong><\/h4>\n<p><strong>Set minDate &#8211; <code>Date Active<\/code> from the <code>Next Week<\/code> and 5 minutes Interval<\/strong><\/p>\n<div class=\"form-group\"><input id=\"reservationdatesingledatetime5\" class=\"form-control\" name=\"reservationdatesingledatetime5\" readonly=\"readonly\" required=\"\" type=\"text\" \/><\/div>\n<p><!-- end form-group --><\/p>\n<h4>Style-6 <strong><code>Limited Time Offer<\/code> &#8211; Set minDate and maxDate<\/strong><\/h4>\n<p><strong>Set minDate and maxDate &#8211; Date Active for a <code>specific Date Range<\/code> (December Current Year)<\/strong><\/p>\n<div class=\"form-group\"><input id=\"reservationdatesingledatetime6\" class=\"form-control\" name=\"reservationdatesingledatetime6\" readonly=\"readonly\" required=\"\" type=\"text\" \/><\/div>\n<p><!-- end form-group --><\/p>\n<h4>Style-6-2 <strong><code>Limited Time Offer<\/code> &#8211; Set minDate and maxDate<\/strong><\/h4>\n<p><strong>Set minDate and maxDate &#8211; Date Active for a <code>specific Date Range<\/code> (20 August &#8211; 20 September, 2027)<\/strong><\/p>\n<div class=\"form-group\"><input id=\"reservationdatesingledatetime6-2\" class=\"form-control\" name=\"reservationdatesingledatetime6-2\" readonly=\"readonly\" required=\"\" type=\"text\" \/><\/div>\n<p><!-- end form-group --><\/p>\n<h4>Style-7 <strong>All <code>Future Date Disable<\/code> as like for Date of Birth<\/strong><\/h4>\n<p><strong>All Future Date Disable as like for Date of Birth<\/strong><\/p>\n<div class=\"form-group\"><input id=\"reservationdatesingledatetime7\" class=\"form-control\" name=\"reservationdatesingledatetime7\" readonly=\"readonly\" required=\"\" type=\"text\" \/><\/div>\n<p><!-- end form-group --><\/p>\n<h4>Style-8 <strong>All Past Day Disable with <code>Selected Date Alert<\/code><\/strong><\/h4>\n<p><strong>All <code>Past Day Disable<\/code> and On date select will Show Alert Box for Selected date<\/strong><\/p>\n<div class=\"form-group\"><input id=\"reservationdatesingledatetime8\" class=\"form-control\" name=\"reservationdatesingledatetime8\" readonly=\"readonly\" required=\"\" type=\"text\" \/><\/div>\n<p><!-- end form-group --><\/p>\n<h4>Style-9 <strong>Without Dropdown and All <code>Past Day<\/code> Disable<\/strong><\/h4>\n<p><strong>Without Dropdown and All Past Day <code>Disable<\/code> as like Event Date &amp; Time<\/strong><\/p>\n<div class=\"form-group\"><input id=\"reservationdatesingledatetime9\" class=\"form-control\" name=\"reservationdatesingledatetime9\" readonly=\"readonly\" required=\"\" type=\"text\" \/><\/div>\n<p><!-- end form-group --><\/p>\n<h4>Style-10 <strong>All <code>Past Day Disable<\/code> with Selected Date Alert<\/strong><\/h4>\n<p><strong>All Past Day Disable and On Clck Apply button will <code>Show Alert Box for Selected date<\/code><\/strong><\/p>\n<div class=\"form-group\"><input id=\"reservationdatesingledatetime10\" class=\"form-control\" name=\"reservationdatesingledatetime10\" readonly=\"readonly\" required=\"\" type=\"text\" \/><\/div>\n<p><!-- end form-group --><\/p>\n<h4>Style-11 <strong>Show <code>Week Numbers<\/code> and Week Start day: <code>Saturday<\/code><\/strong><\/h4>\n<p><strong>Calendar Show <code>Number<\/code> of the Week<\/strong><\/p>\n<div class=\"form-group\"><input id=\"reservationdatesingledatetime11\" class=\"form-control\" name=\"reservationdatesingledatetime11\" readonly=\"readonly\" required=\"\" type=\"text\" \/><\/div>\n<p><!-- end form-group --><\/p>\n<h4>Style-12 <strong>Set <code>Start Date<\/code> after <code>15 Days<\/code><\/strong><\/h4>\n<p><strong>Set Start Date after 15 Days from the <code>current Date<\/code><\/strong><\/p>\n<div class=\"form-group\"><input id=\"reservationdatesingledatetime12\" class=\"form-control\" name=\"reservationdatesingledatetime12\" readonly=\"readonly\" required=\"\" type=\"text\" \/><\/div>\n<p><!-- end form-group --><\/p>\n<h4>Style-13 <strong>TimePicker <code>12Hour<\/code><\/strong><\/h4>\n<p><strong>Calendar with 12 hour Clock<\/strong><\/p>\n<div class=\"form-group\"><input id=\"reservationdatesingledatetime13\" class=\"form-control\" name=\"reservationdatesingledatetime13\" readonly=\"readonly\" required=\"\" type=\"text\" \/><\/div>\n<p><!-- end form-group --><\/p>\n<h4>Style-13-2 <strong>TimePicker <code>24Hour<\/code><\/strong><\/h4>\n<p><strong>Calendar with 24 hour Clock<\/strong><\/p>\n<div class=\"form-group\"><input id=\"reservationdatesingledatetime13-2\" class=\"form-control\" name=\"reservationdatesingledatetime13-2\" readonly=\"readonly\" required=\"\" type=\"text\" \/><\/div>\n<p><!-- end form-group --><\/p>\n<h4>Style-14 <strong>Calendar in <code>French<\/code><\/strong><\/h4>\n<p>For Language Change please check <a href=\"https:\/\/docs.mgscoder.com\/daterange-picker-documentation\/\" target=\"_blank\" rel=\"noopener noreferrer\"><code>Online Documentation<\/code><\/a><\/p>\n<div class=\"form-group\"><input id=\"reservationdatesingledatetime14\" class=\"form-control\" name=\"reservationdatesingledatetime14\" readonly=\"readonly\" required=\"\" type=\"text\" \/><\/div>\n<p><!-- end form-group --><\/p>\n<h4>Style-15 <strong>Default value <code>Blank<\/code> and Week Start day: <code>Monday<\/code><\/strong><\/h4>\n<div class=\"form-group\"><input id=\"reservationdatesingledatetime15\" class=\"form-control\" name=\"reservationdatesingledatetime15\" readonly=\"readonly\" required=\"\" type=\"text\" \/><\/div>\n<p><!-- end form-group --><\/p>\n<h4>Style-16 <strong>Set <code>startHour<\/code> and <code>endHour<\/code> Only for <code>24hours<\/code> mode<\/strong><\/h4>\n<p><strong>As like Office Opening Hour. Here Opening Hour: <code>9 - 17<\/code><\/strong><\/p>\n<div class=\"form-group\"><input id=\"reservationdatesingledatetime16\" class=\"form-control\" name=\"reservationdatesingledatetime16\" readonly=\"readonly\" required=\"\" type=\"text\" \/><\/div>\n<p><!-- end form-group --><\/p>\n<h4>Style-17 <strong>Enabled <code>Hours<\/code> Only for <code>24hours<\/code> mode<\/strong><\/h4>\n<p><strong>As like Opening Hours: <code>8-14 &amp; 17-22<\/code><\/strong><\/p>\n<div class=\"form-group\"><input id=\"reservationdatesingledatetime17\" class=\"form-control\" name=\"reservationdatesingledatetime17\" readonly=\"readonly\" required=\"\" type=\"text\" \/><\/div>\n<p><!-- end form-group --><\/p>\n<h4>Style-18 <strong>Set Booking active <code>after 16 hours<\/code> from <code>current time<\/code> and Set <code>startHour<\/code> and <code>endHour<\/code><\/strong><\/h4>\n<p><strong>Time enable <code>after 16 hours<\/code> from the <code>current time<\/code> and Here Start Hour: <code>9<\/code> and end Hour: <code>17<\/code><\/strong><\/p>\n<div class=\"form-group\"><input id=\"reservationdatesingledatetime18\" class=\"form-control\" name=\"reservationdatesingledatetime18\" readonly=\"readonly\" required=\"\" type=\"text\" \/><\/div>\n<p><!-- end form-group --><\/p>\n<\/form>\n","protected":false},"excerpt":{"rendered":"<p>Style-1 With Dropdown Style with Dropdown Style-1-2 Without Dropdown Style Without Dropdown and Short Calendar Label Text Style-2 All Past\/Previous Date Disable All Past\/Previous Date Disable as like Event Date &amp; Time Style-3 With Dropdown Style With Dropdown Style-3-2 Without Dropdown Style Without Dropdown Style-4 Set minDate &#8211; Active Date from the Next Week Set [&hellip;]<\/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-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/daterange-picker-plugin\/wp-json\/wp\/v2\/pages\/14","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=14"}],"version-history":[{"count":3,"href":"https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/daterange-picker-plugin\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":1355,"href":"https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/daterange-picker-plugin\/wp-json\/wp\/v2\/pages\/14\/revisions\/1355"}],"wp:attachment":[{"href":"https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/daterange-picker-plugin\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}