Question

我无法在我的Grails 2.4.4应用程序中使用JQuery Datepicker。无论有没有jquery-UI插件，它都会失败。是不是因为它使用了jquery 1.11，UI组件集成在最新的jquery插件中？如何添加日期选择器？

我有这段代码：

BuildConfig.groovy：

...
 plugins {
        // plugins for the build system only
        build ":tomcat:7.0.55"

        // plugins for the compile step
        compile ":scaffolding:2.1.2"
        compile ':cache:1.1.8'
        compile ":asset-pipeline:2.1.3"
        compile ":mail:1.0.7"

        build ':tomcat:7.0.54'

        // plugins needed at runtime but not for compilation
        runtime ":hibernate4:4.3.6.1" // or ":hibernate:3.6.10.18"
        runtime ":jquery:1.11.1"
        //compile ":jquery-ui:1.10.4"

的application.js

//= require jquery
//= require_tree .
//= require_self

if (typeof jQuery !== 'undefined') {
    (function($) {
        $('#spinner').ajaxStart(function() {
            $(this).fadeIn();
        }).ajaxStop(function() {
            $(this).fadeOut();
        });
    })(jQuery);
}

create.gsp

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <meta name="layout" content="main" />
        <title>Create</title>               
    </head>
    <body>    
        <g:javascript library="jquery" plugin="jquery"/>
<%--        <jq:resource bundle="ui" components="datepicker" /> Gives a nullpointer exception!!!--%>
        <script type="text/javascript">
        $(document).ready(function()
        {
          $("#install").datepicker({dateFormat: 'yyyy/mm/dd'});
        })
        </script>

        <div class="body">
...
<input name="install" id="install" value="${fieldValue(bean:blaBlubInstance,field:'install')}"/>

Answer 1

你必须在插件部分下取消注释jquery-ui插件并将下一行添加到application.js

//= require js/jquery-ui-1.10.4.custom.min

也许你想在appliaction.css中加入默认主题

*= require themes/ui-lightness/jquery-ui-1.10.4.custom.min

我希望这会有所帮助。

grails 2.4.4 jquery datepicker

1 个答案: