{"flag":true,"single":true,"pageTitle":"Jquery daterangepicker disable some dates","post":{"id":320,"user_id":"1","slug":"jquery-daterangepicker-disable-some-dates-edfl","title":"Jquery daterangepicker disable some dates","body":"<pre class=\"language-markup\"><code>&lt;script type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/jquery\/latest\/jquery.min.js\"&gt;&lt;\/script&gt;\r\n&lt;script type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/momentjs\/latest\/moment.min.js\"&gt;&lt;\/script&gt;\r\n&lt;script type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/daterangepicker\/daterangepicker.min.js\"&gt;&lt;\/script&gt;\r\n&lt;link rel=\"stylesheet\" type=\"text\/css\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/daterangepicker\/daterangepicker.css\" \/&gt;\r\n\r\n&lt;input type=\"text\" name=\"daterange\" value=\"01\/01\/2018 - 01\/15\/2018\" \/&gt;\r\n\r\n\r\n&lt;script&gt;\r\n\r\n    $('input[name=\"daterange\"]').daterangepicker({\r\n        \"minYear\": 2022,\r\n        \r\n        isInvalidDate: function(date) {\r\n            \/\/BLOCK DATE RANGES\r\n            var dateRanges = [\r\n                { 'start': moment('2026-01-10'), 'end': moment('2026-01-15') },\r\n                { 'start': moment('2022-12-01'), 'end': moment('2022-12-10') },\r\n            ];\r\n            return dateRanges.reduce(function(bool, range) {\r\n                    return bool || (date &gt;= range.start &amp;&amp; date &lt;= range.end);\r\n            }, false);\r\n            \/\/BLOCK DATES AS ARRAYS\r\n            var range = [\"2022-11-25\", \"2022-11-26\", \"2022-11-27\"];\r\n            for(var ii = 0; ii &lt; range.length; ii++){\r\n                if (date.format('YYYY-MM-DD') == range[ii]){\r\n                    return true;\r\n                }\r\n            }\r\n            \/\/BLOCK DATES ON CONDITIONS\r\n            if (date.format('YYYY-MM-DD') &gt;= '2022-11-25' &amp;&amp; date.format('YYYY-MM-DD') &lt;= '2022-11-30') {\r\n                  return true; \r\n            }\r\n        },\r\n        locale: {\r\n            format: 'DD-MM-YYYY',\r\n            separator: \" to \"\r\n        }\r\n    }, function(start, end, label) {\r\n        console.log('New date range selected: ' + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD') + ' (predefined range: ' + label + ')');\r\n    });\r\n&lt;\/script&gt;<\/code><\/pre>","category_id":"28","is_private":"0","created_at":"2026-01-07T03:27:54.000000Z","updated_at":"2026-01-07T03:27:54.000000Z","category":{"id":28,"user_id":"1","name":"Jquery","slug":"jquery-k1v4","parent_id":"12","created_at":"2023-11-10T01:48:35.000000Z","updated_at":"2023-11-10T01:48:35.000000Z"},"user":{"id":1,"name":"R GONDAL","email":"rizikmw@gmail.com","email_verified_at":null,"two_factor_confirmed_at":null,"current_team_id":"1","profile_photo_path":null,"created_at":"2023-03-12T10:49:33.000000Z","updated_at":"2025-01-10T12:59:00.000000Z","profile_photo_url":"https:\/\/ui-avatars.com\/api\/?name=R+G&color=7F9CF5&background=EBF4FF"}},"pageDesc":"&lt;script type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/jquery\/latest\/jquery.min.js\"&gt;&lt;\/script&gt; &lt;script type=\"text\/javasc - Jquery daterangepicker disable some dates (Updated: January 7, 2026) - Read more about Jquery daterangepicker disable some dates at my programming site [SITE]","categories":[]}