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>

Are there any code examples left?
Create a Free Account
Unlock the power of data and AI by diving into Python, ChatGPT, SQL, Power BI, and beyond.
Sign up
Develop soft skills on BrainApps
Complete the IQ Test
Relative searches
multiple date range picker date picker multiple days how to choose start date and end date range in html bootstrap daterangepicker demo bootstrap-daterangepicker/daterangepicker.css .dateRangePicker() js daterangepicker .data( 'dateRangePicker' ).setDateRange( bootstrap date range picker example bootstrap-daterangepicker example daterangepicker single line date picker with ra nge example daterange jquery only start date show current date in second calender date range picker daterangepicker hide year DateRangePicker range false js daterangepicker box bootstrap daterangepicker options date range picker set time bootstrap-daterangepicker config ranger date picker daterangepicker.js moment asp.net daterangepicker.js date range picker dropdown daterangepicker custom range date range picker example js jquery daTE range picker date time format amdinlte2 date range picker with nodejs daterangepicker bootstrap jquery datetime range picker plugin daterangepicker dateRangeSettings apply.daterangepicker time range picker bootstrap how to create date ragne in html daterangepicker set to one report only daterangepicker styling set start and end date daterangepicker range picker date range picker js daterangepicker set open locsation daterangepicker.js input datetime daterangepicker picker format daterange picker date format $('input.date-period').data('daterangepicker').startDate._d js format date time range picker data limit daterangepicker bootstrap daterangepicker date range picker event when start date selected date range picker on start date selected daterangepicker events allow select range to pick date time picker jquery daterange js date range picker js date range javascript date range pickers bootstrap range date picker range datepicker ranged date picker datepicker range date range picker in html form jquery.daterangepicker.min.js jquery daterangepicker daterangepicker js tutorial datarange format javascript bootstrap range picker daterange picker datepicker range jquery format: 'L', daterangepicker all properties date range picker no of month $('#reservationtime').daterangepicker({ work days picker date range date range picker select day of week date time range picker in css link daterange picker select range of 2 days bootstrap date range picker only select range dates today in form html create date range HTML5 date range picker daterangepicker custom date range picker
Made with love
This website uses cookies to make IQCode work for you. By using this site, you agree to our cookie policy

Welcome Back!

Sign up to unlock all of IQCode features:
  • Test your skills and track progress
  • Engage in comprehensive interactive courses
  • Commit to daily skill-enhancing challenges
  • Solve practical, real-world issues
  • Share your insights and learnings
Create an account
Sign in
Recover lost password
Or log in with

Create a Free Account

Sign up to unlock all of IQCode features:
  • Test your skills and track progress
  • Engage in comprehensive interactive courses
  • Commit to daily skill-enhancing challenges
  • Solve practical, real-world issues
  • Share your insights and learnings
Create an account
Sign up
Or sign up with
By signing up, you agree to the Terms and Conditions and Privacy Policy. You also agree to receive product-related marketing emails from IQCode, which you can unsubscribe from at any time.
Creating a new code example
Code snippet title
Source