提交表单时将 Datepicker 转换为 MM/DD/YYYY 格式

Question

我在我的网站上使用 Gravity Forms 创建了一个订阅订单。 该表单包括一个使用 Datepicker 格式化的日期字段。 我添加了自定义 Javascript 以将可行的日期选择限制为一天后的任何时间。 该代码如下：

$('#input_14_11').datepicker({
minDate : '+1d'});

它达到了它的目的，用户无法 select 日期选择器的任何过去日期，但出现了一个新问题：表单无法提交，而是返回错误消息“请以格式（mm/dd/yyyy）输入有效日期)。” 当我 select 一个日期时，它会在字段中显示完整日期，例如：（2022 年 7 月 27 日）。 但是，当我以指定格式（07/27/2022）手动输入日期时，表单提交没有问题。

当用户在表单上点击提交时，我基本上需要将选择的“2022 年 7 月 27 日”转换为 07/27/2022 的正确格式。 返回错误示例

Answer 1

$( "#input_14_11" ).datepicker({ dateFormat: 'mm-dd-yy',minDate : '+1d' });

Answer 2

您可以使用gform_datepicker_options_pre_init过滤器自定义由 Gravity Forms 实例化的日期选择器，而不是实例化一个新的日期选择器，例如

gform.addFilter( 'gform_datepicker_options_pre_init', function( optionsObj, formId, fieldId ) {
    if ( formId == 14 && fieldId == 11 ) {
        optionsObj.minDate = '+1d';
    }
    return optionsObj;
});

通过使用这种方法，所有其他日期选择器属性（例如日期格式）将保持不变。