הגבלת בחירת תאריך בטפסי אלמנטור

יצרתם טופס באלמנטור ואתם רוצים להגביל את התאריכים? למשל הקוד הבא מגביל את בחירת התאריך רק למי שמלאו לו 18 שנה, (כמובן שעם קצת שינוי בקוד תוכלו לשנות את ההגבלה לפי הצורך שלכם).

את קוד ה – PHP הכניסו לתבנית בת או תוסף snippet,

PHP
//Limit datepicker `date_to` to dates within the range of 18 years ago to now

add_action( 'elementor_pro/forms/validation/date', function( $field, $record, $ajax_handler ) {
	if( 'date_to' === $field['id'] ) {
		$field_date 		= strtotime( $field['value'] );
		$eighteen_years_ago	= strtotime( '-18 years' );
		$current_date		= strtotime( 'now' );
		
		if ( $field_date > $current_date || $field_date > $eighteen_years_ago ) {
			$ajax_handler->add_error( $field['id'], 'Please select a date from 18 years ago to now.' );
		}
	}
}, 10, 3 );

את קוד ה – JS הכניסו לווידג'ט HTML מתחת לטופס,

JavaScript
<script>
    jQuery(document).ready(function($) {
        setTimeout(function() {
            let eighteenYearsAgo = new Date();
            eighteenYearsAgo.setFullYear(eighteenYearsAgo.getFullYear() - 18);
            
            let options = {
                maxDate: eighteenYearsAgo,
                minDate: new Date(1900, 0, 1), // Example: Restrict dates to the year 1900 onwards
            };

            flatpickr("#form-field-date_to", options);
        }, 500);
    });
</script>

חשוב מאוד! לשנות את ה – ID של הטופס לזה: date_to

את קוד ה -Php ניתן להטמיע בקובץ ה – function בתבנית הבת או לחלופין להשתמש בתוסף snippet.

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *

אלמנטור
Php
קרדיט: ישראל פאר
העדכונים שלא תרצו לפספס
הירשמו ותהיו הראשונים לקבל את המדריכים הכי חמים למייל.
אלמנטור
Js
שינוי שדה מסוג מספר לשדה מסוג טווח (סליידר)
אלמנטור
Js
סגירת פופאפ בלחיצה על כפתור
וורדפרס
Css
עיצוב תוסף הנגישות של enable
ווקומרס
Php
הצגת מוצרים במלאי תחילה בארכיון מוצרים
אלמנטור
Css
הפיכת ווידג'ט תיבת אייקון או תיבת תמונה ללחיצים
חיפוש חופשי
העדכונים שלא תרצו לפספס
הירשמו ותהיו הראשונים לקבל את המדריכים הכי חמים למייל.
הרשימה מתעדכנת כל הזמן - מומלץ לשמור את הדף במועדפים!
כדי לשמור את האתר לחצו על Ctrl+D במקלדת (במק D+⌘).