Question

我有一个来自搜索过滤器的四个输入字段。我最初使用的是g:datePicker，但它不是我想要的，从下拉框中选择日期太慢了，所以我决定最好使用一个简单的grails文本字段，旁边是日历将触发日历的图像。我试图使用YUI插件中的YUI日历，但是在格式化日期时我无法使其正常工作。

关于如何做到这一点的任何想法？

如果您认为它只是触发日历的文本字段旁边的日历图像，并将所选格式的点击日期放在文本字段中，但由于某种原因比这更复杂。

提前致谢！

Answer 1

我们最初使用Grail-UI插件进行日期选择等等，但发现某些操作比我们希望的更难。然后我们找到了jQuery-UI，并且已经为我们所有的UI小部件做了一些动作。我强烈建议使用jQuery-UI datepicker作为比文本字段或下拉列表更好的路径。

Answer 2

我不太确定我理解您的问题是YUI插件和日期格式。如果您继续扩展，我们可能会提供帮助。

但是，我会建议使用依赖于YUI插件的GrailsUI插件。

安装

grails install-plugin grails-ui

视图

在您的视图中，请确保在head部分中包含相应的组件，例如：

<head>
  ...
  <gui:resources components="datePicker"/>
  ...
</head>

如果您想要应用默认样式（皮肤），还可以将<body>标记更改为<body class="yui-skin-sam">。

然后你应该可以使用：

<gui:datePicker id="myDateValue" value="${new Date()}" />

或者如果您想设置日期的格式：

<gui:datePicker id="myDateValue" formatString="yyyy/MM/dd HH:mm:ss" value="${new Date()}" />

当使用控制器中datePicker的值时，应将其视为字符串，即

Date.parse("yyyy/MM/dd HH:mm:ss", params.myDateValue)