Breaking News: Grepper is joining You.com. Read the official announcement!

date range picker select date and several weeks

Ivan Londono answered on December 1, 2020 Popularity 9/10 Helpfulness 4/10

answer date range picker select date and several weeks

date range picker select date and several weeks

Comment

<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>

Popularity 9/10 Helpfulness 4/10 Language html

Source: stackoverflow.com

Tags: date date-range html picker select

Link to this answer
Share Copy Link

Contributed on Dec 01 2020

Ivan Londono

0 Answers Avg Quality 2/10

date range picker select date and several weeks

Contents

More Related Answers

date range picker select date and several weeks

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.