手动触发datepicker onselect事件 [英] Fire the datepicker onselect event manually

问题描述

任何人都可以告诉我如何触发datepicker的onselect事件？我的代码工作正常（基于datepickers altfield的值从数据库中提取一些数据），但是当页面加载时，它不会在当前日期触发onselect事件，并且不显示任何内容;所以我想手动这样做。

 < script> 
 $（#datepicker）.datepicker 
（
 {
 altField：'#sheet'，
 onSelect：function load（）{
 $ （document）.ready（function（）{
 $ .ajax（{
 type：'POST'，
 url：'test.php'，
 data：{sheetid： $（'＃sheet'）。val（）}，
 success：function（data）
 {
 $（＃content）。html（data）; 
} 
}）; 
 
}）; 
}，
 firstDay：1}）; 
< / script> 
  

解决方案

您可以触发

代码：

  $（document）.ready（function（）{
 $（＃datepicker）。datepicker（{
 altField：'#sheet'，
 onSelect：function（date）{
 alert（date）; 
}，
 firstDay：1 
}）; 
 
 $（'＃datepicker' ）.datepicker（setDate，new Date（2013,09,22））; 
 $（'。ui-datepicker-current-day'）。click（）; //表示当前选定的日子
 
}）; 
  

演示： http://jsfiddle.net/IrvinDominin/DynuW/

Can anyone tell me how do you trigger the onselect event of datepicker? My code is working well (pulling some data from a database based on the value of datepickers altfield) but when the page loads it doesn't trigger the onselect event on the current date and it doesn't display anything; so I would like to do that manually.

<script>
     $( "#datepicker" ).datepicker
    (
    {
          altField: '#sheet',
          onSelect: function load() {
            $(document).ready(function() {
                    $.ajax({
                    type: 'POST',
                    url: 'test.php',
                    data: {sheetid: $('#sheet').val()},
                    success: function(data)
                    {
                        $("#content").html(data);
                    }
                });

        });
        },
          firstDay: 1});
    </script>

解决方案

You can trigger a click on the datepicker right after the set of the date.

Code:

$(document).ready(function () {
    $("#datepicker").datepicker({
        altField: '#sheet',
        onSelect: function(date) {
            alert(date);
        },
        firstDay: 1
    });

    $('#datepicker').datepicker("setDate", new Date(2013,09,22) );
    $('.ui-datepicker-current-day').click(); // rapresent the current selected day

});

Demo: http://jsfiddle.net/IrvinDominin/DynuW/

这篇关于手动触发datepicker onselect事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！