Click here to Skip to main content
15,887,917 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
Hi, my problem is now I can disable the weekend in my calendar but i want the weekends to be grayed out or show not allow icon when put the cursor on the weekends. Please do guide me on this.. Thank you in advanced.

What I have tried:

Below are my code:

<fvl-input
name="date"
="" id="kt_datepicker_2" element="date" autocomplete="false" inputappendicon="la la-calendar glyphicon-th" required
="">


methods: {


initDateElem(id) {
var arrows = this.initDateTemplate(id);

$("#kt_datepicker_2").datepicker({
templates: arrows,
setDaysOfWeekDisabled :[0,6]
});
},

$("#" + id + "Btn").click(function() {
$("#" + id).datepicker("show");
});
}
Posted
Updated 20-Jan-20 20:35pm

1 solution

Well a similar solution is already available on StackOverflow. All you need is a good google search skill. Check this javascript - Override Styles for disable dates in eonasdan-datetimepicker - Stack Overflow[^]
 
Share this answer
 
Comments
Member 12016106 21-Jan-20 2:40am    
Thank you and I will improve myself...

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900