jQuery日期选择器,onSelect将不起作用

jQuery日期选择器,onSelect将不起作用,jquery,datepicker,onselect,Jquery,Datepicker,Onselect,我无法在我的jQuery日期选择器上运行onSelect 这是我的密码: <script type="text/javascript"> $(function() { $('.date-pick').datePicker( { onSelect: function(date) { alert(date) }, selectWeek: true, inline: true,

我无法在我的jQuery日期选择器上运行onSelect

这是我的密码:

<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函数一样。我做错了什么?

如果您使用的是jQuery UI datepicker插件,那么应该是datepicker,而不是datepicker。也许,您有一个不支持select处理程序的函数。

函数datepicker区分大小写,并且都是小写的。但是,以下方法对我很有效:

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

最后一个属性后没有逗号

alertdate后的分号

日期选择器上的案例不是日期选择器

检查属性的其他大小写

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

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);
    });
});

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

我从jqueryui.com/download下载了datepicker,获得了1.7.2版本,但onSelect函数仍然不起作用。这是我所拥有的-

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

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

我在这页找到了解决方案-。删除$datepicker.datepicker;一次成功了

最好的解决方案是设置日期选择器默认值

下面是我使用的代码

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

我想你可以试试这个。它很好用。

啊哈。不知道有不同的日期选择器插件。那么正确的插件是什么呢?我需要的是selectWeek:true功能和onSelect.Error:Object不支持第14行的此属性或方法,即:$'.date pick'.datepicker{请参阅上面关于您正在使用哪个“日期选择器”的评论-我的示例是JQuery UI one,您的示例似乎是另一个。Howdy在另一个线程中找到了答案-我在一个div上使用了两次日期选择器事件。应该只初始化一次。在js中,如果分号是行的结尾,您可以使用分号,就像在许多语言中一样可以在最后一个属性后加逗号。我想这是用于引导datepicker的,jquery datepickerchangeDate也不会为我触发。我还需要做什么吗?
$('.date-picker').datepicker({
                    autoclose : true,
                    todayHighlight : true,
                    clearBtn: true,
                    format: 'yyyy-mm-dd', 
                    onSelect: function(value, date) { 
                         alert(123);
                    },
                    todayBtn: "linked",
                    startView: 0, maxViewMode: 0,minViewMode:0

                    }).on('changeDate',function(ev){
                    //this is right events ,trust me
                    }
});
$('.date-picker').datepicker({
                    autoclose : true,
                    todayHighlight : true,
                    clearBtn: true,
                    format: 'yyyy-mm-dd', 
                    onSelect: function(value, date) { 
                         alert(123);
                    },
                    todayBtn: "linked",
                    startView: 0, maxViewMode: 0,minViewMode:0

                    }).on('changeDate',function(ev){
                    //this is right events ,trust me
                    }
});