jQuery UI Datepicker 不适用于函数变量答案

【问题标题】：jQuery UI Datepicker not working with function variablesjQuery UI Datepicker 不适用于函数变量
【发布时间】：2015-04-21 11:10:47
【问题描述】：

我创建了一个表单，其中包含“表单”和“收件人”输入字段来查询信息。我可以手动输入日期，它工作正常（yyyy-mm-dd）。但是，为了方便起见，我想使用 jQuery UI。

问题是 jQuery UI 日历没有出现。我正在使用 datepicker，它在 ID 为“datapicker”的其他页面上运行良好。我只是无法通过使用 id "fromdate" 和 'todate" 来使用它。

php代码：index.php

function showReviews(){
   //var fromdate = $( "#fromdate" ).val();
   //var todate= $( "#todate" ).val();
     var fromdate = $( "#fromdate" ).datepicker({ dateFormat: 'yy-mm-dd' }).val();
     var todate= $( "#todate" ).datepicker({ dateFormat: 'yy-mm-dd' }).val();
 
    var str= $( "#str" ).val();
  

  if (str == "" && fromdate =="" && todate=="")
    {
     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","reviewdate.php?q="+str+"fromdate="+fromdate+"&todate="+todate,true);
    xmlhttp.send();
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<form class="form-inline">
  <div class="form-group">
    <label class="sr-only"></label>
    <p class="form-control-static">From Date:</p>
  </div>
  <div class="form-group">
    <label for="fromDate" class="sr-only"></label>
      <input type="text" class="form-control" id="fromdate" value="" onChange="showReviews()">
  </div>
                      
  <div class="form-group">
    <label class="sr-only"></label>
    <p class="form-control-static">To Date:</p>
  </div>
   <div class="form-group">
    <label for="toDate" class="sr-only"></label>
      <input type="text" class="form-control" id="todate" value="" onChange="showReviews()">
  </div>
</form>

我的 .js 文件中也有这段代码

$( "#datepicker" ).datepicker({
inline: true,
dateFormat: 'yy-mm-dd'
});

如果我将表单中的“id”更改为 datepicker，jQuery UI 会显示日历。但我需要使用函数 showReviews() 中的变量。

有没有办法将 datepicker 添加到函数变量“fromdate”和“todate”？感谢你的帮助！我整天都在寻找。

【问题讨论】：

标签： php jquery

【解决方案1】：

我认为你的问题是

dateFormat: 'yyyy-mm-dd'

【讨论】：

嗨，我从变量中删除了它。 var fromdate = $( "#fromdate" ).datepicker().val();.它仍然不起作用。我在想同样的事。谢谢。
我是个白痴。您正在寻找的答案是 #datepicker 未定义。您需要使用 $("#fromdate").----- 和 $("#todate") 您正在尝试在不存在的元素上调用 datepicker。
真的很奇怪。出于某种原因，这个 php 代码： $set = (object)array_merge((array)$set,(array)$db_set);允许日历下拉菜单工作。 $set = new stdClass(); // 存储常规设置。