0

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

<g:datePicker name="已发布"></g:datePicker>

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

在此处输入图像描述

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

在此处输入图像描述

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

4

1 回答 1

0

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

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

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

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

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

视图/_fields/日期/_wrapper.gsp

这些文件夹结构表明,只要我的任何域类中有一个 Date 字段,它就会使用我的 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();
  } );

在这些之后,无论在哪里看到日期字段的字段插件,当我单击文本框时,它都会弹出 jquery-ui 日期选择器。

于 2022-01-12T09:10:03.423 回答