יצרתם טופס באלמנטור ואתם רוצים להגביל את התאריכים? למשל הקוד הבא מגביל את בחירת התאריך רק למי שמלאו לו 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
