jQuery datepicker, onSelect won't work

Question

Hi,

I can't get onSelect working on my jQuery datepicker.

Heres my code:

<script type="text/javascript">
$(function() {
    $('.date-pick').datePicker( {
        onSelect: function(date) {
            alert(date)
        },
        selectWeek: true,
        inline: true,
        startDate: '01/01/2000',
        firstDay: 1,
    });
});

It's like it doesn't register the onSelect function.

Any help will be much appreciated.

Tommy.

Answer 1

It should be "datepicker", not "datePicker" if you are using the jQuery UI DatePicker plugin. Perhaps, you have a different but similar plugin that doesn't support the select handler.

Answer 2

A semi colon after alert(date) would more than likely help too :).

Answer 3

The function datepicker is case sensitive and all lowercase. The following however works fine for me:

$(document).ready(function() {
  $('.date-pick').datepicker( {
    onSelect: function(date) {
        alert(date)
    },
    selectWeek: true,
    inline: true,
    startDate: '01/01/2000',
    firstDay: 1,
  });
});

Answer 4

No comma after the last property.

Semicolon after alert(date);

Case on datepicker (not datePicker)

Check your other uppercase / lowercase for the properties.

$(function() {
    $('.date-pick').datepicker( {
        onSelect: function(date) {
            alert(date);
        },
        selectWeek: true,
        inline: true,
        startDate: '01/01/2000',
        firstDay: 1
    });
});

Answer 5

As far as I know you are using http://www.kelvinluck.com/assets/jquery/datePicker/

Now the latest version is 2.1.2

You can download from here

For me the best datepicker is jQuery UI datepicker

Answer 6

datePicker's onSelect equivalent is the dateSelected event.

<script type="text/javascript">
$(function() {
    $('.date-pick').datePicker( {
        selectWeek: true,
        inline: true,
        startDate: '01/01/2000',
        firstDay: 1,
    }).bind('dateSelected', function(e, selectedDate, $td) {
  alert(selectedDate);
 });
});

This page has a good example showing dateSelected and other events being binded.

Answer 7

I have downloaded the datepicker from jqueryui.com/download and I got 1.7.2 version but still onSelect function didn't work. Here is what i had -

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

$("#datepicker").datepicker({ 
      onSelect: function(value, date) { 
         alert('The chosen date is ' + value); 
      } 
});

I found the solution in this page -- http://stackoverflow.com/questions/1274347/problem-with-jquery-datepicker-onselect . Removed the $("#datepicker").datepicker(); once and it worked.

Answer 8

The initialization of datepicker() should happen only once in your code. For example, you have created two instances for the datepicker() then always whatever you have written in the first instance should work. It just ignores the second or the next initializations. So, make sure you have created instance only once and written everything inside it.

Hope this helps.