Create New Item
Item Type
File
Folder
Item Name
Search file in folder and subfolders...
Are you sure want to rename?
File Manager
/
Design
/
fileman
/
Fusion
/
datepicker
:
picker03.html
Advanced Search
Upload
New Item
Settings
Back
Back Up
Advanced Editor
Save
<!-- https://dzone.com/articles/disable-dates-in-datepicker https://www.simonbattersby.com/blog/jquery-ui-datepicker-disabling-specific-dates/ https://stackoverflow.com/questions/19395558/highlight-disable-specific-days-in-jquery-ui-datepicker https://davidwalsh.name/jquery-datepicker-disable-days https://grafxflow.co.uk/blog/php-and-html-and-css/jquery-datepicker-disable-dates https://codepen.io/jvloo/pen/bGVbJGb https://www.devcurry.com/2010/07/disable-certain-days-in-week-using.html disable holiday https://jsfiddle.net/Virtual/gvz3P/ https://websolutionstuff.com/post/how-to-disable-specific-dates-in-jquery-datepicker https://stackoverflow.com/questions/62437409/jquery-ui-datepicker-exclude-weekends-and-holidays https://codes-sources.commentcamarche.net/source/16385-calcul-du-nombre-de-jours-ouvrables https://www.sourcecodester.com/tutorial/javascript/16270/how-get-actual-easter-date-javascript#google_vignette --> <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>jQuery UI Datepicker - Default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css"> <link rel="stylesheet" href="/resources/demos/style.css"> <script src="https://code.jquery.com/jquery-3.6.0.js"></script> <script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script> <script> var bankHoliDays = ["03-25-2024", "03-26-2024"]; function disableDates(date) { var dt = $.datepicker.formatDate('mm-dd-yy', date); var noWeekend = jQuery.datepicker.noWeekends(date); return noWeekend[0] ? (($.inArray(dt, bankHoliDays) < 0) ? [true] : [false]) : noWeekend; } $( function() { $( "#datepicker" ).datepicker( { beforeShowDay: disableDates } ); } ); //console.log(JoursFeries (2024)); /*function JoursFeries (an){ var JourAn = new Date(an, "01", "01") var FeteTravail = new Date(an, "05", "01") var Victoire1945 = new Date(an, "05", "08") var FeteNationale = new Date(an,"07", "14") var Assomption = new Date(an, "08", "15") var Toussaint = new Date(an, "11", "01") var Armistice = new Date(an, "11", "11") var Noel = new Date(an, "12", "25") /* var Jour_an = "01-01"; var Lundi_paques var Fete_du_travail = "01-05" var Victoire_allies = "08-05"; var Jeudi_ascension var Lundi_pentecote var Fete_nationale = "14-07"; var Assomption = "15-08"; var Toussaint = "01-11" var Armistice = "11-11"; var noel = "25-12";*/ /* var G = an%19 var C = Math.floor(an/100) var H = (C - Math.floor(C/4) - Math.floor((8*C+13)/25) + 19*G + 15)%30 var I = H - Math.floor(H/28)*(1 - Math.floor(H/28)*Math.floor(29/(H + 1))*Math.floor((21 - G)/11)) var J = (an*1 + Math.floor(an/4) + I + 2 - C + Math.floor(C/4))%7 var L = I - J var MoisPaques = 3 + Math.floor((L + 40)/44) var JourPaques = L + 28 - 31*Math.floor(MoisPaques/4) var Paques = new Date(an, MoisPaques-1, JourPaques) var VendrediSaint = new Date(an, MoisPaques-1, JourPaques-2) var LundiPaques = new Date(an, MoisPaques-1, JourPaques+1) var Ascension = new Date(an, MoisPaques-1, JourPaques+39) var Pentecote = new Date(an, MoisPaques-1, JourPaques+49) var LundiPentecote = new Date(an, MoisPaques-1, JourPaques+50) return new Array(JourAn, VendrediSaint, Paques, LundiPaques, FeteTravail, Victoire1945, Ascension, Pentecote, LundiPentecote, FeteNationale, Assomption, Toussaint, Armistice, Noel ) }*/ let m=["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]; displayDate(); function displayDate(){ let year= "2024"; //document.getElementById('year').value; if(year.length == 0){ alert("Please enter something"); }else{ let month=getEasterDate(year)[0]; let day=getEasterDate(year)[1]; document.getElementById('result').innerHTML="<h3>The easter date is: </h3><center><h2 class='text-primary'>"+m[month-1]+" "+day+", "+year+"</h2></center>"; } } function getEasterDate(year) { let f = Math.floor; let G = year % 19; let C = f(year / 100); let H = (C - f(C / 4) - f((8 * C + 13)/25) + 19 * G + 15) % 30; let I = H - f(H/28) * (1 - f(29/(H + 1)) * f((21-G)/11)); let J = (year + f(year / 4) + I + 2 - C + f(C / 4)) % 7; let L = I - J; let month = 3 + f((L + 40)/44); let day = L + 28 - 31 * f(month / 4); return [month,day]; } /* var disabledDays = ["2-21-2010","2-24-2010","2-27-2010","2-28-2010","3-3-2010","3-17-2010","4-2-2010","4-3-2010","4-4-2010","4-5-2010"]; /* utility functions */ /*function nationalDays(date) { var m = date.getMonth(), d = date.getDate(), y = date.getFullYear(); //console.log('Checking (raw): ' + m + '-' + d + '-' + y); for (i = 0; i < disabledDays.length; i++) { if($.inArray((m+1) + '-' + d + '-' + y,disabledDays) != -1 || new Date() > date) { //console.log('bad: ' + (m+1) + '-' + d + '-' + y + ' / ' + disabledDays[i]); return [false]; } } //console.log('good: ' + (m+1) + '-' + d + '-' + y); return [true]; } function noWeekendsOrHolidays(date) { var noWeekend = jQuery.datepicker.noWeekends(date); return noWeekend[0] ? nationalDays(date) : noWeekend; } /* create datepicker */ /*jQuery(document).ready(function() { jQuery('#date').datepicker({ minDate: new Date(2010, 0, 1), maxDate: new Date(2010, 5, 31), dateFormat: 'DD, MM, d, yy', constrainInput: true, beforeShowDay: noWeekendsOrHolidays }); }); */ /* var dateToday = new Date(); $('#visit').datepicker({ beforeShowDay: checkAvailable, minDate: dateToday }); var unavailableDates = ["19-10-2024"]; function checkAvailable(date) { dmy = date.getDate() + "-" + (date.getMonth() + 1) + "-" + date.getFullYear(); if ($.inArray(dmy, unavailableDates) != -1) { return [false, "", "unAvailable"]; } else { var day = date.getDay(); return [(day != 0 && day != 6)]; } } */ </script> </head> <body> <p>Date: <input type="text" id="datepicker"></p> <div id="result">dsfsdfsdfqfd</div> <!-- <input type='text' id='visit' /> --> </body> </html>