How to manipulate jquery datepicker by passing array of dates?

Question

my requirements is as follows;

If date of the datepicker matches the passed dates using array, then it should show hello on hover over and else show sold. I tried the following code

var rateArray = [new Date(2014, 1, 1), new Date(2014, 1, 2)]; // just some dates.
var date = new Date();
$(document).ready(function () {

    $("#test").datepicker({
        beforeShowDay: function (date) {
            if ($.inArray(date, rateArray)) {
                return [true, 'tiptip', 'hello'];
            }
            else {
                return [false, 'tiptip', 'Sold'];
            }
        }


    });

});

But it is not working, it is showing "hello" on every date. If anybody know the solution then please help, thanks.

Arun P Johny · Accepted Answer · 2014-01-26 05:36:03Z

1

Try

//use a string representation for the date
var rateArray = ['01 Jan 2014', '02 Jan 2014']; // just some dates.
$(document).ready(function () {
    $("#test").datepicker({
        beforeShowDay: function (date) {
            //convert the date to a string format same as the one used in the array
            var string = $.datepicker.formatDate('dd M yy', date)
            // $.inArray() returns -1 if the item is not found so change the condition accordingly
            if ($.inArray(string, rateArray) > -1) {
                return [true, 'tiptip', 'hello'];
            } else {
                return [false, 'tiptip', 'Sold'];
            }
        }
    });
});

Demo: Fiddle

answered Jan 26, 2014 at 5:36

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

mplungjan Over a year ago

And remember JS Months start at 0 - so he had to look at Feb

Learner Over a year ago

@ArunPJohny Thank you very much brother, fabulous. Just one more query, I want to pass this array of dates from ".cs' page to the "script" page, I don't know how to achieve that. Help me if you can.

Arun P Johny Over a year ago

@Learner what is the server side technology used?

Learner Over a year ago

@ArunPJohny Asp.Net MVC 4.0 using c#.

mplungjan · Accepted Answer · 2014-01-26 06:35:21Z

0

Inspired by a now deleted answer:

Live Demo

var dates = {};
dates[new Date('02/13/2014').getTime()]='Holiday1';
dates[new Date('02/14/2014').getTime()]='Holiday2';
dates[new Date('02/15/2014').getTime()]='Holiday3';

$('#txtDate').datepicker({
    beforeShowDay: function(date) {
      var hlText = dates[date.getTime()];
      return (hlText)?[true, "tiptip", hlText]: [true, '', ''];
    }
});

edited Jan 26, 2014 at 6:35

answered Jan 26, 2014 at 6:13

mplungjan

180k29 gold badges183 silver badges246 bronze badges

Collectives™ on Stack Overflow

How to manipulate jquery datepicker by passing array of dates?

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related