JQuery Datepicker,无法手动触发onSelect事件!

标签 jquery event-handling datepicker

我正在使用 jquery 的日期选择器,每当从内联日期选择器对象中选取日期时,都会通过 ajax 调用填充项目列表。该脚本运行完美,只是我无法触发 onSelect 事件来填充我的初始项目列表。

我可以通过最初使用 php 填充列表来解决这个问题,但我真的很想避免这种情况。

    $(document).ready(function(){

        //create date pickers
    $("#date_calendar").datepicker(
  { 
        changeMonth: true,
        changeYear: true,
        dateFormat: 'yy-mm-dd',
        defaultDate: $.datepicker.parseDate("y-m-d", $('#date').val()),
        onSelect: function(dateText, inst)
            {
                alert('onSelect triggered! Yay!');
                $('#date').val($.datepicker.formatDate("yy-mm-dd", $('#date_calendar').datepicker('getDate')));

                // Ajax for populating days when selected
                $.post(
                    "server_requests/show_day.php",
                        {
                        date: $('#date').val(),
                        user_id: $('#user_id').val()
                        },
                    function(data)
                    {
                        //return function
                        $('#my_day_tasks').html(data.resultTable);
                    },
                    "json"
                );
            }
    }).disableSelection();

    $("#date_calendar").trigger('onSelect');

});

感谢任何帮助:)

最佳答案

$('.ui-datepicker-current-day').click();

关于JQuery Datepicker,无法手动触发onSelect事件!,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2155485/

相关文章:

javascript - 调整窗口大小时限制居中div的水平范围

javascript - 使用 ALT+TAB 切换程序/窗口或单击任务栏时不会触发 visibilitychange 事件

javascript - (Chrome 扩展) 如何测试 onUpdateAvailable

javascript - Bootstrap 日期选择器上除某些日期外的所有日期均呈灰色显示

jquery - Bootstrap 日期选择器,每月动态禁用日期

angular - BsDatepicker 没有出现在子组件中(ngx-bootstrap)

php - 如何将 jQuery/AJAX 结果放入表格单元格

javascript - 特定 div 的 jQuery 父级

javascript - 需要div被下推

javascript - 如何使用 JavaScript 列出 DOM 节点的所有已注册事件?