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);
});

Previous========== Start jQuery Ui ======NextTạo chức năng tự động hoàn tất nhập liệu với thư viện jQuery UI Autocomplete (Phần 1) (ok)
Last updated
Was this helpful?