我从 here 安装了 jquery ui 插件。我按照该页面上的一个简单示例进行操作,结果我的 View 文件为:
<%@ 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 上看到了开发者控制台,它没有抛出任何错误。
提前致谢
最佳答案
选择日期选择器文本框
时,您的代码中缺少$
。
$(document).ready(function(){
$("#datepicker").datepicker({ dateFormat: 'yy/mm/dd' });
});
关于jquery - 在 jquery ui 插件中显示日历,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9295590/