JQuery DatePicker and beforeShowDay

by

According to jQueryUI’s Datepicker API,

enter image description here

This explains why 

$("#dateRetrait").datepicker({beforeShowDay: function(d) {
        console.log("bsd");
        alert("bsd");
    }});

does not work.

Also I noticed you are calling .datepicker() multiple times and each time you are giving it different parameters.

Instead of:

$("#dateRetrait").datepicker();

$("#dateRetrait").datepicker({beforeShowDay: function(d) {
        console.log("bsd");
        alert("bsd");
    }});

$('#dateRetrait').datepicker('option', 'minDate', new Date());

$("#dateRetrait").datepicker("option","dateFormat", 'dd-mm-yy');

Try doing this:

$("#dateRetrait").datepicker({
    dateFormat: 'dd-mm-yy',
    minDate: new Date(), 
    beforeShowDay: function(d) {
        var dmy = (d.getMonth()+1); 
        if(d.getMonth()<9) 
            dmy="0"+dmy; 
        dmy+= "-"; 

        if(d.getDate()<10) dmy+="0"; 
            dmy+=d.getDate() + "-" + d.getFullYear(); 

        console.log(dmy+' : '+($.inArray(dmy, availableDates)));

        if ($.inArray(dmy, availableDates) != -1) {
            return [true, "","Available"]; 
        } else{
             return [false,"","unAvailable"]; 
        }
    }
    });

I have also provided you with a demo: http://jsfiddle.net/yTMwu/18/ . Hope this helps!

More Related Contents:

  1. jquery ui datepicker and mvc view model type datetime
  2. jQuery Datepicker onchange event issue
  3. jQuery Date Picker – disable past dates
  4. jQuery UI Datepicker onchange event issue
  5. jQuery Datepicker with text input that doesn’t allow user input
  6. jQuery UI Datepicker – Multiple Date Selections
  7. Jquery datepicker restrict dates in second date field based on selected date in first date field
  8. Unobtrusive validation in Chrome won’t validate with dd/mm/yyyy
  9. How to get the selected date value while using Bootstrap Datepicker?
  10. Disable specific days of the week on jQuery UI datepicker [duplicate]
  11. jQuery UI Datepicker – Disable specific days
  12. Twitter Bootstrap Datepicker within modal window
  13. jQuery UI Datepicker enable only specific days in array
  14. Jquery datepicker – only day and month
  15. how to add a day to a date using jquery datepicker
  16. Limit bootstrap-datepicker to weekdays only?
  17. How can I enable jquery validation on readonly fields?
  18. jQuery datepicker- 2 inputs/textboxes and restricting range
  19. Open JQuery Datepicker by clicking on an image w/ no input field
  20. Highlight dates in specific range with jQuery’s datepicker
  21. Changing minDate and maxDate on the fly using jQuery DatePicker
  22. How to dynamically set bootstrap-datepicker’s date value?
  23. Detect change to selected date with bootstrap-datepicker
  24. Jquery Date picker Default Date
  25. JQuery UI Datepicker, reverse the order of the year in the dropdowns
  26. JQuery DatePicker ReadOnly
  27. JQuery Datepicker – no default date
  28. adding jQuery click events to dynamically added content
  29. Can Fancybox be responsive only horizontally for tall content?
  30. Using bootstrap select2 with JqGrid form

Leave a Comment