如何自定义 grails 4 日期选择器?

how to customize grails 4 date picker?

我在表单中使用 grails datepicker 来生成日期字段

它生成多字段格式的字段,如下所示。

我需要如下所示的格式。我想知道是否有一种方法可以自定义日期选择器,以便可以实现以下多字段格式。我在 datepicker 的文档中找不到自定义。

我使用的grails版本是4.0.10。我感谢任何指南。谢谢!

我之前问过你同样的问题。这不是你想要的。这就是我在我的项目中所做的。希望你能做出适合自己的改变。

您需要覆盖 Field 插件模板并手动处理正在 POST 返回到您的控制器的文本框。

文档在此页面中。 https://grails3-plugins.github.io/fields/snapshot/guide/customizingFieldRendering.html

您需要在 Views 文件夹中创建一个与您的变量相匹配的文件夹结构(按名称或按类型)。

在我的例子中,每当我的任何视图上显示日期变量时,我都想覆盖 HTML。所以,我在我的项目路径中添加了这些文件夹和这个 gsp 文件。

views/_fields/date/_wrapper.gsp

这些文件夹结构表明,每当我在我的任何域 类 中有一个日期字段时,它都会使用我的 HTML。

这是我的 _wrapper.gsp 文件中的 HTML。我有一个名为 datepicker 的文本框。

<input type="text" name="datepicker" id="datepicker" value="<g:formatDate date="${value}" format="MM/dd/yyyy"/>"></div>

我正在使用 jquery-ui 中的日期选择器。所以,我也将这个 javascript 添加到我的视图中。

  $( function() {
    $( "#datepicker" ).datepicker();
  } );

在这些之后,当我点击文本框时,只要 Field 插件看到日期字段,它就会弹出 jquery-ui 日期选择器。