【问题标题】:jquery datepicker ui and end datejquery datepicker ui和结束日期
【发布时间】:2013-05-22 21:28:22
【问题描述】:

当我通过 jquery ui datepicker 获取 to 和 from 日期的结果时,我试图关闭 ajax 命令。我得到“从”日期就好了,“到”日期总是不确定的,不管我做什么。有什么想法吗?

 function getInfo()
 {
var beg = $("#from").val();
var end = $("to").val();
 alert($("to").val());     <-----this is always undefined
    $("#cdrData").hide();
        $.ajax({
                   type: "GET",
                   url: "cdrs/getCDRS.php",
                   data: "begDate=" + beg + "&endDate=" + end,
                   success: function(result){
                     $("#cdrData").html(result);
 $("#cdrData").slideDown('slow');

                   }
                 });
 }

还有php形式:

 <form method='POST' id='getCDRS' name='getCDRS'>
 <label for="from">From</label>
 <input type="text" id="from" name="from" />
 <label for="to">to</label>
 <input type="text" id="to" name="to" />
 <input type='button' value='submit' onclick="getInfo()";>
 </form>

和标准的日期选择器脚本:

 <script>
 $(function() {
$( "#from" ).datepicker({
  defaultDate: "+1w",
  changeMonth: true,
  numberOfMonths: 3,
  onClose: function( selectedDate ) {
    $( "#to" ).datepicker( "option", "minDate", selectedDate );
  }
});
$( "#to" ).datepicker({
  defaultDate: "+1w",
  changeMonth: true,
  numberOfMonths: 3,
  onClose: function( selectedDate ) {
    $( "#from" ).datepicker( "option", "maxDate", selectedDate );
  }
});
   });
  </script>

【问题讨论】:

    标签: jquery ajax datepicker


    【解决方案1】:

    您的选择器丢失#

    var end = $("#to").val();
    alert($("#to").val()); 
    

    【讨论】:

    • 这是一个 c/p 错误。我添加了 # 并得到相同的结果。不过感谢您的敏锐眼光....
    【解决方案2】:

    看看这个 jsFiddle http://jsfiddle.net/de3Hf/2/

    我已经清理了示波器,它的作用就像一个魅力。 #to 日期也已填写:

    这就是我所做的:

    function getInfo()
     {
        var beg = $("#from").val();
        var end = $("#to").val();
         alert(end);
     }
    

    附言也许这不是一个正确的问题,因为填充日期非常简单,ajax 会不会有什么问题?

    【讨论】:

    • 我不知道出了什么问题。某处的一些小错字。它现在正在工作。
    • @Bart2puck 然后接受对您有帮助的答案或做出自己的答案,这样问题就结束了。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-07-16
    • 1970-01-01
    • 2014-09-11
    • 1970-01-01
    相关资源
    最近更新 更多