Datepicker点击事件未触发

时间:2017-06-22 05:18:47

标签: jquery jquery-ui datepicker

一个我无法解决的快速问题。

我们有一个简单的Datepicker(jQuery UI),click上有td个事件,没有别的。但无论我尝试什么,点击事件都不会触发。

实施例: https://jsfiddle.net/s63y1w6h/

点击事件是延迟的,因为每次点击td时html都会更改,但是相同的"没有"再次发生。

至于为什么我需要点击a,我需要td数据属性,文本及其offeset,这将更难从onSelect method获得。

知道如何启动点击事件吗?

2 个答案:

答案 0 :(得分:1)

点击一天后,您仍然可以使用onSelect触发逻辑

$('.datepicker').datepicker({
  onSelect:function(dt,obj){
    var day = parseInt(dt.substring(3,5));
    var td;
    $("td>a").each(function(index,elm){
     if(parseInt($(elm).html()) === day){
       td = $(elm).parent();
       return;
      }
    })
    console.log(td)
    alert("You're welcome!!!")
  }
});

根据所选日期编写了一些黑客逻辑来获取td

工作plnkr

答案 1 :(得分:0)

尝试将代码放入

$(document).ready(function(){
    //Your code here
});

JSFiddle:https://jsfiddle.net/s63y1w6h/1/

编辑: 尝试将您的代码放在

$(document).ready(function(){
    $('.datepicker').datepicker({
        onSelect: function(){
            //your code here
        }  
    });
});

https://jsfiddle.net/s63y1w6h/2