解析日期选择器的日期以显示事件日期

Question

Ok so what i am trying to achieve is parse numbers of dates into datepicker and then show it. Simple . I am able to do it for chrome but in firefox i am having some issue . dates are coming from ajax like this .

     var eventDates ={};
     //lets take some demo entry 
     var dates = [{datename:'2015-04-15 10:39:57'},{datename:'2015-04-18 10:39:57'}]  

     jQuery.each(dates ,function(key,val){
       eventDates[new Date(moment(val.datename).format('MM-DD-YYYY'))] = new Date(moment(val.datename).format('MM-DD-YYYY'));
      })
     console.log(eventDates);
     jQuery('#calendar').datepicker({
         beforeShowDay: function(date) {
            var highlight = eventDates[date];
            console.log(highlight);
            if (highlight) {
                 return [true, "event", highlight];
            } else {
                 return [true, '', ''];
            }
         },
        onSelect: function(dateText, inst) { 
            location.href = '/schedule';
        }

    });

So above solution works perfectly for chrome but when it comes to firefox undefined date error get throwed.

I have tried some ways to parse date for firefox , which works well in chrome .

//method 1
eventDates[Date.parse(moment(val.date).format('MM-DD-YYYY'))] = Date.parse(moment(val.date).format('MM-DD-YYYY'));

//method 2 
eventDates[moment(val.date)] =moment(val.date);

for second method dates are coming for firefox but don't get showed in datepicker. But it works for chrome. Ugh . Any suggestion for firefox.

Any help ? Tell me if i am lost somewhere .

Update

So take from this is , datepicker has it's own method for parsing dates. I have shown some strange object strings in above example , But take from this would be use datepicker parse method.

Answer 1

You're creating an object with date objects as keys and values, a really strange object, but comparing date objects that way should work in theory as toValue is called on them, but it's still a little strange.

Also, jQuery's datepicker has a built in way to parse dates that does basically the same as Moment.

Rewritten it would look like this instead

var dates = [{
    'date': '2015-04-15 10:39:57'
}, {
    'date': '2015-04-18 10:39:57'
}]

var eventDates = jQuery.map(dates, function (val) {
    return $.datepicker.parseDate('yy-mm-dd', val.date.split(' ').shift()).getTime();
});

jQuery('#calendar').datepicker({
    beforeShowDay: function (date) {
        return eventDates.indexOf(date.getTime()) != -1 ? [true, "event", date] : [true, '', '']
    },
    onSelect: function (dateText, inst) {
        location.href = '/schedule';
    }
});

FIDDLE