CODEWITHSUNDEEP
javascriptjquerydatepicker
Tricia Lxy
Tricia Lxy

Reputation: 31

How to allow only selection of Sundays on my datepicker?

How do I allow only selection of Sundays on my datepicker? I did a little bit of research and came across a lot of answers stating that I need to use beforeShowDay, These are my codes: 

   <div class="pickaDate" style="width:25%;">
<input type='text' id="date" />
          <script>
jQuery(document).ready(function() {
jQuery('#date').datepicker({
    beforeShowDay: function(date){
      return [date.getDay()===0];
    }
});
});

</script>
</div>

I got the codes from this link but changed the input type to date because that's the only way the datepicker would appear. But I can still select all the dates.

My knowledge on this is basic at best. Help is appreciated

Upvotes: 3

Views: 264

Answers (1)

Rayon
Rayon

Reputation: 36609

beforeShowDay: A function that takes a date as a parameter and must return an array with true/false indicating whether or not this date is selectable

Try this:

$("#date").datepicker({
  beforeShowDay: function(date) {
    return [date.getDay() === 0];
  }
});
<link href="http://code.jquery.com/ui/1.8.21/themes/base/jquery-ui.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.8.18/jquery-ui.min.js"></script>

<input id="date" type="text">

Fiddle here

Upvotes: 1

Related Questions