title: Setting date range picker start date to blank
body: <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>