Jquery Datepicker select multiple date ranges in one calender, button Reset (ok)

https://stackoverflow.com/questions/43464228/jquery-datepicker-select-multiple-date-ranges-in-one-calender

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://cdn.rawgit.com/dubrox/Multiple-Dates-Picker-for-jQuery-UI/master/jquery-ui.multidatespicker.css" rel="stylesheet"/>
<link href="https://code.jquery.com/ui/1.12.1/themes/pepper-grinder/jquery-ui.css" rel="stylesheet"/>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<script src="https://cdn.rawgit.com/dubrox/Multiple-Dates-Picker-for-jQuery-UI/master/jquery-ui.multidatespicker.js"></script>
<div id="mdp-demo"></div>

Part 2 http://xecon.blue-dragon.biz/rent?appt=N&appt=N

jQuery(document).ready(function($) {
    setTimeout(function() {
      $('input[name="wpf_rental-date"]').css("color","#000");
      $('input[name="wpf_rental-date"]').multiDatesPicker({
        showButtonPanel: true,
        closeText: 'Reset',
        onClose: function (dateText, inst) {
        if ($(window.event.srcElement).hasClass('ui-datepicker-close')){
          document.getElementById(this.id).value = '';
        }}
      });
    },3500);
  });

Last updated

Navigation

Lionel

@Copyright 2023