在jQueryUI插件中显示日历_Jquery_Grails_Groovy_Grails Plugin

在jQueryUI插件中显示日历

jquery grails groovy

在jQueryUI插件中显示日历,jquery,grails,groovy,grails-plugin,Jquery,Grails,Groovy,Grails Plugin,我从安装了jQueryUI插件。我在该页面上遵循了一个简单的示例，结果我的视图文件如下： <%@ page import="mnm.schedule.*" %> <!doctypte html> <html> <head> <meta name="layout" content="main" /> <title><g:message code="User's profile" /></title>

我从安装了jQueryUI插件。我在该页面上遵循了一个简单的示例，结果我的视图文件如下：

<%@ page import="mnm.schedule.*" %> 
<!doctypte html>
<html>
<head>
<meta name="layout" content="main" />
<title><g:message code="User's profile" /></title>
<g:javascript library="jquery" />
<r:require module="jquery-ui"/>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.js">
 $(document).ready(function() 
{ ("#datepicker").datepicker({dateFormat: 'yy/mm/dd'}); 
}) 
</script>        
</head>
  <body>
  <div role="main" class="content scaffold-create">
  <g:form controller="tasks" action ="test">
  date :  <input type="text" id="datepicker" />
  <g:submitButton name="click" />
  </g:form>
  </div>
  </body>
</html>

当我看到我的页面时，我可以看到文本框，但当我在文本框内单击时，我看不到日期日历弹出。我在哪里犯错？我甚至在我的chrome上看到了开发者控制台，它没有抛出任何错误

提前感谢

选择datepicker文本框时，代码中缺少$

网站上的datepicker示例给出了一个恰当的示例：您可以使用一些额外的功能调整日期选择器，如：变化月：对，变化年：是的， showOtherMonths：是的，选择OtherMonths:true，日期格式：“d-m-yy”，第一天：1， minDate:-365，

maxDate:+0，

网站上的datepicker示例给出了一个合适的示例：您可以使用一些额外的功能调整日期选择器，如：变化月：对，变化年：是的， showOtherMonths：是的，选择OtherMonths:true，日期格式：“d-m-yy”，第一天：1， minDate:-365， maxDate:+0，

我将脚本标记替换为grails g:javascript标记：

现在它起作用了

我将脚本标记替换为grails g:javascript标记：

现在它起作用了

实际问题是您在此处加入了jquery：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.js">

应该解决这个问题…

实际的问题是您在这里加入了jquery：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.js">

应该解决这个问题…

即使这是一个错误，也不能解决我的问题。在添加$event之后，我也面临同样的问题。尽管这是一个错误，但它并不能解决我的问题。在添加$之后，我面临着同样的问题，这不是导入jquery-xxx.js两次吗？两个可能不同的版本？你能发布生成的html吗？@tim_-yates：当我使用g:javascript标记时，我得到了输出。我也把它作为我的答案加上了；添加了解释问题的内容，以及如何解决问题的方法……这不是两次导入jquery-xxx.js吗？两个可能不同的版本？你能发布生成的html吗？@tim_-yates：当我使用g:javascript标记时，我得到了输出。我也把它作为我的答案加上了；补充说明了问题是什么，以及如何解决…哦！谢谢你一直都是一个非常棒的人。谢谢你的回答。尽管我现在拿到了日历，但它看起来太大了。我该怎么做？哦！谢谢你一直都是一个非常棒的人。谢谢你的回答。尽管我现在拿到了日历，但它看起来太大了。我该怎么做呢？？

<g:javascript library="jquery" />

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.js">

<script type="text/javascript">