Setting date range picker start date to blank
<p>I have a daterange picker based on <a href="http://www.daterangepicker.com" rel="noreferrer">http://www.daterangepicker.com</a> 's daterange picker and I want to set the start date to empty. This will work for what I want to do.</p>

<p>I'm using an text input field to get the dates</p>

<pre><code>&lt;/span&gt;&lt;input type="text" class="form-control" id="reservation" /&gt;
</code></pre>

<p>On the site there is an example of setting "Input Initially Empty" but I couldn't get it to work. Basically I don't know where to set it as it seems.</p>

<p>My daterange picker is inside a partial view and it called by another view. Page scripts are set in the view  which calls the partial one. On the daterangepicker.js script I found these lines;</p>

<pre><code>//default settings for options
        this.parentEl = 'body';
        this.element = $(element);
        this.startDate = moment().startOf('day');
        this.endDate = moment().endOf('day');
        this.minDate = false;
        this.maxDate = false;
        this.dateLimit = false;
        this.autoApply = false;
        this.singleDatePicker = false;
        this.showDropdowns = false;
        this.showWeekNumbers = false;
        this.timePicker = false;
        this.timePicker24Hour = false;
        this.timePickerIncrement = 1;
        this.timePickerSeconds = false;
        this.linkedCalendars = true;
        this.autoUpdateInput = true;
        this.ranges = {};
</code></pre>

<p>As far as I can tell they are based on moment.js. I tried manipulating <code>this.startDate</code> but couldn't manage to set it to a blank value. using <code>this.startdate = null</code> made the whole date range picker stop working so I guess I need something like empty date equivalent of moment.js. Or something entirely different. </p>

<p>Can anyone show me how to do it? </p>