如何使用 Gravity Forms 中的新过滤器重新初始化日期选择器
How To Reinitialize datepicker with new filter in Gravity Forms
我正在使用重力表单数据选择器,如果值等于 "Framingham",我需要禁用基于表单顶部 select 字段的日期范围。我很确定我需要销毁日期选择器并在更改时重新初始化它,但我不完全确定。如果 "Framingham" 未被 select 编辑,则 45 天应改为 30 天。这是我所能得到的:
jQuery(function(){
jQuery('#input_3_23').on('change', function(){
if(jQuery(this).val() == 'Framingham'){
for(var i=0; i<45; i++){
var day=new Date(year, month, date + i);
disabledDays.push(("0" + (day.getMonth() + 1)).slice(-2) + '/' + ("0" + day.getDate()).slice(-2) + '/' + day.getFullYear() );
}
gform.addFilter( 'gform_datepicker_options_pre_init', function( optionsObj, formId, fieldId ) {
if (formId == 3 && fieldId == 14 || formId == 3 && fieldId == 15 || formId == 3 && fieldId == 16) {
optionsObj.minDate = 0;
optionsObj.beforeShowDay = function(date) {
var checkdate = jQuery.datepicker.formatDate('mm/dd/yy', date);
return [disabledDays.indexOf(checkdate) == -1];
};
}
return optionsObj;
});
}
});
});
我还有一个用户 selectable disableDays 数组,
return [disabledDays.indexOf(checkdate) == -1];
来自。任何帮助将不胜感激!
一个不太优雅但更简单的解决方案可能是向您的表单添加两个日期字段。一个有 45 天上限,另一个有 30 天上限。然后,您可以使用 Gravity Forms 的条件逻辑 show/hide 根据您在下拉字段中选择的值对应的日期字段。
如果你走这条路,你可能也会对 GP Limit Dates 感兴趣,它可以让你在没有任何自定义代码的情况下限制日期范围。
我正在使用重力表单数据选择器,如果值等于 "Framingham",我需要禁用基于表单顶部 select 字段的日期范围。我很确定我需要销毁日期选择器并在更改时重新初始化它,但我不完全确定。如果 "Framingham" 未被 select 编辑,则 45 天应改为 30 天。这是我所能得到的:
jQuery(function(){
jQuery('#input_3_23').on('change', function(){
if(jQuery(this).val() == 'Framingham'){
for(var i=0; i<45; i++){
var day=new Date(year, month, date + i);
disabledDays.push(("0" + (day.getMonth() + 1)).slice(-2) + '/' + ("0" + day.getDate()).slice(-2) + '/' + day.getFullYear() );
}
gform.addFilter( 'gform_datepicker_options_pre_init', function( optionsObj, formId, fieldId ) {
if (formId == 3 && fieldId == 14 || formId == 3 && fieldId == 15 || formId == 3 && fieldId == 16) {
optionsObj.minDate = 0;
optionsObj.beforeShowDay = function(date) {
var checkdate = jQuery.datepicker.formatDate('mm/dd/yy', date);
return [disabledDays.indexOf(checkdate) == -1];
};
}
return optionsObj;
});
}
});
});
我还有一个用户 selectable disableDays 数组,
return [disabledDays.indexOf(checkdate) == -1];
来自。任何帮助将不胜感激!
一个不太优雅但更简单的解决方案可能是向您的表单添加两个日期字段。一个有 45 天上限,另一个有 30 天上限。然后,您可以使用 Gravity Forms 的条件逻辑 show/hide 根据您在下拉字段中选择的值对应的日期字段。
如果你走这条路,你可能也会对 GP Limit Dates 感兴趣,它可以让你在没有任何自定义代码的情况下限制日期范围。