【问题标题】:Jquery Datepicker onselect call functionJquery Datepicker onselect调用函数
【发布时间】:2014-01-14 23:15:33
【问题描述】:

当我的 JQuery 日期选择器同时选择往返日期时,我需要调用这个函数:

function showUser() {
    // Retrieve values from the selects
    var DateFrom = document.getElementById('DateFrom').value;
    var DateTo = document.getElementById('DateTo').value;


    if (dtd=="" || dtm == "" || dfd == "" || dfm == "") {
        document.getElementById("txtHint").innerHTML="";
        return;
    }

    if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp=new XMLHttpRequest();
    } else {// code for IE6, IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }

    xmlhttp.onreadystatechange=function() {
        if (xmlhttp.readyState==4 && xmlhttp.status==200) {
            document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
        }
    }

    xmlhttp.open("GET","/StreetHailDrivers.php?DateFrom="+DateFrom+"&DateTo="+DateTo,true);
    xmlhttp.send();
}

这是我的日期选择器:

  $(function() {
    $('.datepicker').datepicker({ onSelect: showUser(), minDate: -90, maxDate: "+1D" });
  });

如果我取出 onSelect: showUser() 日期选择器工作正常,但不发布数据,但如果我包含 onselect 日期选择器不起作用。没有下拉菜单。

我也尝试了html中的onchange事件:

 <input type="text" class="datepicker"  name="DateTo" id="DateTo" onchange="showUser()" /> 

我应该怎么做才能让它工作?

【问题讨论】:

    标签: javascript jquery html jquery-ui datepicker


    【解决方案1】:

    jsFiddle Demo

    主要问题是函数 showUser 未在分配日期选择器的范围可用的范围内定义。结果很可能是您在控制台中看到的错误:“Uncaught ReferenceError: showUser is not defined”。当导致错误时,所有脚本执行都会停止,并且不会构造日期选择器。您应该确保 datepicker 对象可以访问此函数。

    我相信它需要一个指向该参数的函数的指针。应该是这样的

    onSelect: showUser
    

    使用onSelect: showUser() 会将onSelect 的值设置为未定义的showUser 的返回值。

    【讨论】:

    • 不幸的是,这不起作用。我应该提到我也试过这个。
    • @Mike - 这是我的第一个假设,经过进一步检查,我相信 showUser 不适用于 datepicker 选项对象。请查看我的编辑。
    • 你是对的,函数 ShowUser 没有在 datepicker 的可用范围内定义。解决了!
    猜你喜欢
    • 1970-01-01
    • 2011-08-23
    • 2012-06-06
    • 1970-01-01
    • 2011-05-14
    • 2010-10-27
    • 2010-11-19
    • 1970-01-01
    相关资源
    最近更新 更多