JSFiddle - React, Tailwind, and code Playground
JavaScript
/**
* --------------------------------------------------------------------
* jQuery-Plugin "daterangepicker.jQuery.js"
* by Scott Jehl, [email protected]
* reference article: http://www.filamentgroup.com/lab/update_date_range_picker_with_jquery_ui/
* demo page: http://www.filamentgroup.com/examples/daterangepicker/
*
* Copyright (c) 2010 Filament Group, Inc
* Dual licensed under the MIT (filamentgroup.com/examples/mit-license.txt) and GPL (filamentgroup.com/examples/gpl-license.txt) licenses.
*
* Dependencies: jquery, jquery UI datepicker, date.js, jQuery UI CSS Framework
* 12.15.2010 Made some fixes to resolve breaking changes introduced by jQuery UI 1.8.7
* --------------------------------------------------------------------
*/
/*normal edits to make the range to 3 months only done by kaushik gandhi*/
var startingDate,endingDate;
jQuery.fn.daterangepicker = function(settings){
var rangeInput = jQuery(this);
//defaults
var options = jQuery.extend({
presetRanges: [
{text: 'Today', dateStart: 'today', dateEnd: 'today' },
{text: 'Last 7 days', dateStart: 'today-7days', dateEnd: 'today' },
{text: 'Month to date', dateStart: function(){ return Date.parse('today').moveToFirstDayOfMonth(); }, dateEnd: 'today' },
//extras:
{text: 'The previous Month', dateStart: function(){ return Date.parse('1 month ago').moveToFirstDayOfMonth(); }, dateEnd: function(){ return Date.parse('1 month ago').moveToLastDayOfMonth(); } }
//{text: 'Tomorrow', dateStart: 'Tomorrow', dateEnd: 'Tomorrow' },
//{text: 'Ad Campaign', dateStart: '03/07/08', dateEnd: 'Today' },
//{text: 'Last 30 Days', dateStart: 'Today-30', dateEnd: 'Today' },
//{text: 'Next 30 Days', dateStart: 'Today', dateEnd: 'Today+30' },
//{text: 'Our Ad Campaign', dateStart: '03/07/08', dateEnd: '07/08/08' }
],
//presetRanges: array of...