简体   繁体   中英

How to disable week days in jquery datepicker? (Enable only weekends and two specific festive days)

I´m getting mad trying this... How to disable week days in jquery datepicker? (Enable only weekends and two specific festive days)

I tryed a lot o codes showed here and away but doesn´t work for me...

And how to disable year dropdown? Want only this current year

Can anybody help me?? Thanks in advance!

Here is how to disable weekdays leaving only weekends AND add custom days (your two specific festive days). I don't know what your festive days are so I simply used 1/15/2014 and 1/16/2014 in the example below.

Working Fiddle

var availableDates = ["15-1-2014","16-1-2014"];

$(function()
{
    $('#txtDate').datepicker({ beforeShowDay:
      function(dt)
      { 
        return [dt.getDay() == 0 || dt.getDay() == 6 || available(dt), "" ];
      }
   , changeMonth: true, changeYear: false});
});



function available(date) {
  dmy = date.getDate() + "-" + (date.getMonth()+1) + "-" + date.getFullYear();
  if ($.inArray(dmy, availableDates) != -1) {
    return true;
  } else {
    return false;
  }
}

Update: i removed the year dropdown as well now

Update 2: So the reason all your previous attempts were not working is that you have a script you're including (bottom of your html file) that is applying the datepicker initialization code to every element that has class="datepicker"

This is overriding anything you try at the top of your file. Remove the following line from your html file:

<script type='text/javascript' src='http://entrestaciones.es/wp-content/plugins/gravityforms/js/datepicker.js?ver=1.8.1'></script>

or remove the `class="datepicker" from the input elements you dont want auto initialized

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM