/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

0 vote190 views1 answer
Js code to change a immage
Html
5 votes182 views3 answers
Mdb bootstrap textarea
Html
0 vote204 views1 answer
Mat-tooltip on disabled button
Html
1 vote183 views1 answer
My html doesn't show up github pages
Html
3 votes200 views1 answer
How to use custom domain name instead of localhost on xampp for linux
Html
1 vote199 views3 answers
Html iframe full page
Html
0 vote192 views1 answer
Html stroke width not working
Html
13 votes257 views2 answers
How to add an email box in html
Html
77 votes221 views6 answers
Join array javascript
Html
57 votes316 views10 answers
Bootstrap 4
Html