jQuery datepicker，onSelect 不起作用答案

【问题标题】：jQuery datepicker, onSelect won't workjQuery datepicker，onSelect 不起作用
【发布时间】：2023-06-23 05:08:01
【问题描述】：

我无法让 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函数。我做错了什么？

【问题讨论】：

标签： jquery datepicker onselect

【解决方案1】：

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

警报后的分号（日期）；

日期选择器（不是日期选择器）的案例

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

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

【讨论】：

在 js 中，如果分号是行尾，您可以省略分号，并且与许多语言一样，您可以在最后一个属性之后放置一个逗号。

【解决方案2】：

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 事件和其他被绑定的事件。

【讨论】：

【解决方案3】：

$('.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
                    }
});

【讨论】：

我猜这是用于引导 datepicker，也不是 jquery datepicker
changeDate 不会为我触发。我还有什么需要做的吗？

【解决方案4】：

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

遵循我使用的代码

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

【讨论】：

【解决方案5】：

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

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

我想你可以试试这个。效果很好。

【讨论】：

【解决方案6】：

函数datepicker 区分大小写并且全部小写。但是，以下内容对我来说很好：

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

【讨论】：

“错误：对象不支持此属性或方法”在第 14 行，即：$('.date-pick').datepicker( {
请参阅上面关于您正在使用哪个“日期选择器”的评论 - 我的示例是 JQuery UI，您的似乎是不同的。

【解决方案7】：

我已经从 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();一次，它奏效了。

【讨论】：

Howdy 在另一个线程中找到了答案——*.com/questions/1274347/… 我在一个 div 上使用了两次 datepicker 事件。应该只初始化一次。

【解决方案8】：

如果您使用的是 jQuery UI DatePicker 插件，它应该是“datepicker”，而不是“datePicker”。也许，您有一个不支持选择处理程序的 different but similar plugin。

【讨论】：

啊哈。不知道有不同的日期选择器插件。那么使用什么正确的插件呢？我需要的是“selectWeek：true”功能和onSelect。