/Html/Date range picker select date and several weeks

Date range picker select date and several weeks

<script type="text/javascript" src="https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />

<div class="row">
    <input id="daterangepicker" type="text" />
    <select>
          <option value="1">Mo</option>
          <option value="2">Tu</option>
          <option value="3">We</option>
          <option value="4">Th</option>
          <option value="5">Fr</option>
          <option value="6">Sa</option>
          <option value="0">Su</option>
      </select>
</div>

<script>
$(document).ready(function () {
  $('#daterangepicker').daterangepicker({
    parentEl: '.row',
    isInvalidDate: function(date) {
      return parseInt($(this.container).parent().find('select').val()) !== new Date(date).getDay();
    }
  });
});
</script>

Source: stackoverflow.com

Similar codes

14 votes194 views2 answers
Add a viewport meta tag to the document head to set the width of the layout viewport equal to the width of the device and set the initial scale of the viewport to 1.0.
Html
5 votes188 views2 answers
Html table span 2 rows
Html
30 votes190 views6 answers
Meta tags html
Html
1 vote193 views4 answers
How to stop screen rotation in android code
Html
6 votes191 views1 answer
Naira html
Html
1 vote206 views1 answer
Accept method jsf component
Html
0 vote198 views1 answer
Html color crimson hex
Html
0 vote195 views1 answer
Geolocalizacion html5
Html
0 vote217 views1 answer
Align image center of webpage
Html
3 votes185 views2 answers
Html meta tags for seo
Html