jQuery datepicker,onSelect不起作用

时间:2009-05-20 12:47:08

标签: jquery datepicker onselect

我无法让onSelect处理我的jQuery datepicker

继承我的代码:

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

就像它没有注册onSelect函数一样。我做错了什么?

7 个答案:

答案 0 :(得分:84)

最后一个属性后没有逗号。

警告后的分号(日期);

datepicker上的案例(不是datePicker)

检查属性的其他大写/小写。

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

答案 1 :(得分:15)

datePicker的onSelect等价物是dateSelected事件。

$(function() {
    $('.date-pick').datePicker( {
        selectWeek: true,
        inline: true,
        startDate: '01/01/2000',
        firstDay: 1,
    }).bind('dateSelected', function(e, selectedDate, $td) {
        alert(selectedDate);
    });
});

This page有一个很好的例子,显示了dateSelected事件和其他被绑定的事件。

答案 2 :(得分:4)

最佳解决方案是设置datepicker默认值

遵循我使用的代码

$.datepicker.setDefaults({
    onSelect: function () {
        $(this).focus();
        $(this).nextAll('input, button, textarea, a').filter(':first').focus();
    }
});

答案 3 :(得分:3)

<script type="text/javascript">
    $(function() {
        $("#datepicker").datepicker({ 
              onSelect: function(value, date) { 
                 window.location = 'day.jsp' ; 
              } 
        });
    });
 </script>

<div id="datepicker"></div>

我想你可以尝试一下。它工作正常。

答案 4 :(得分:3)

函数datepicker区分大小写,全部为小写。但以下情况对我来说很好:

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

答案 5 :(得分:1)

我已经从jqueryui.com/download下载了datepicker,我得到了1.7.2版本但仍然onSelect功能无法正常工作。这是我的 -

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

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

我在此页面中找到了解决方案 - problem with jquery datepicker onselect。删除了$(“#datepicker”)。datepicker();曾经它有效。

答案 6 :(得分:0)

如果您使用的是jQuery UI DatePicker插件,那么它应该是“datepicker”,而不是“datePicker”。也许,你有different but similar plugin不支持select处理程序。