/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

29 votes227 views5 answers
Add mailto in html
Html
30 votes200 views4 answers
Metadata html
Html
1 vote202 views1 answer
Multiple ternary in vuejs
Html
0 vote198 views1 answer
Html repeating video
Html
23 votes194 views1 answer
Accept only image files upload html
Html
0 vote204 views1 answer
Uncaught TypeError: Cannot read properties of null (reading 'value') at HTMLButtonElement.<anonymous> (index.js:15) (anonymous) @ index.js:15
Html
1 vote208 views1 answer
#ubuntu "demarrer vcs en super user"
Html
18 votes204 views3 answers
Default checked radio button
Html
0 vote234 views2 answers
Auto select radio button
Html
1 vote272 views1 answer
React router link to material ui component
Html