Jquery ui DatePicker Jquery API可以加载到Liferay JSP中_Jquery Ui_Datepicker_Liferay 6

Jquery ui DatePicker Jquery API可以加载到Liferay JSP中

jquery-ui

Jquery ui DatePicker Jquery API可以加载到Liferay JSP中,jquery-ui,datepicker,liferay-6,Jquery Ui,Datepicker,Liferay 6,我试图加载Datepicker，以便以后可以将该值添加到json请求中。但似乎我甚至无法将日历加载到文本框中。其想法是获取输入日期并以json格式请求它我可以提到，没有datepicker函数，它工作得很好 // Portlet JSP in Liferay <%@ taglib uri="http://java.sun.com/portlet_2_0" prefix="portlet"%> <portlet:resourceURL var="resourceURL"&g

我试图加载Datepicker，以便以后可以将该值添加到json请求中。但似乎我甚至无法将日历加载到文本框中。其想法是获取输入日期并以json格式请求它

我可以提到，没有datepicker函数，它工作得很好

// Portlet JSP in Liferay 
<%@ taglib uri="http://java.sun.com/portlet_2_0" prefix="portlet"%>

<portlet:resourceURL var="resourceURL">
</portlet:resourceURL>

<portlet:defineObjects />

// jQuery UI sources
<link rel="stylesheet"
      href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

// Jquery and Ajax Source      
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js">
</script>

// JS Function
<script>
$(document).ready(function() {
        // Load Date Picker in input box But not working

        $( "#datepicker" ).datepicker();        

                            $("#btn").click(function() {
                                $.ajax({
    // Reso
                                    url : '${resourceURL}',

                                    data : {
                                        "PersonID" : $('#PersonID').val(),
                                        "AnotherD" : 2
                                    },//person id to sent, In place of Anotherd I want to add Datevalue
                                    type : 'POST',
                                    dataType : "json",
                                    success : function(data) {
                                        console.log(data);
//Getting Data in return
                                        var x = data.PersonList[1].PersonWeight;
                                        $("#Results").text(x);
                                        $("#Res").text(data.PersonList[1].PersonTemp);

                                    }
                                });
                            });
                        });
                    </script>

                    <body>

  // Out Put Data                  
                        PersonID:
                        <input type="text" name="PersonID" id="PersonID">
                        <br>

// Date Picker Textbox   
                        <br>
                        <p>
                            Date: <input type="text" id="datepicker" />
                        </p>

// Refresh Button
                        <button id="btn">Refresh</button>


                        <br>Height :
                        <p id="Results"></p>
                        <br> Weight:
                        <p id="Res"></p>



                    </body>

//Liferay中的Portlet JSP
//jqueryui源代码
//Jquery和Ajax源代码
//JS函数
$（文档）.ready（函数（）{
//在输入框中加载日期选择器但不工作
$（“#日期选择器”）.datepicker（）；
$（“#btn”）。单击（函数（）{
$.ajax({
//决议
url:“${resourceURL}”，
数据：{
“PersonID”：$（'#PersonID'）.val（），
“另一个”：2
}，//要发送的个人id，我要添加Datevalue，而不是其他id
键入：“POST”，
数据类型：“json”，
成功：功能（数据）{
控制台日志（数据）；
//获取数据作为回报
var x=data.PersonList[1]。PersonWeight；
$（“#结果”）。文本（x）；
$（“#Res”）.text（data.PersonList[1].PersonTemp）；
}
});
});
});
//输出数据
人物：


//日期选择器文本框



日期：

//刷新按钮
刷新

高度：


重量：

但它不起作用，有什么建议吗？

删除这行。我认为jQuery冲突发生在您的案例中

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

HTH

解决了这个问题！！再次感谢