Limiting date filter year

Hi,

Well, that can’t be adjusted on the back-end, but it can be programmatically via a custom code snippet:

add_action('wp_footer', 'wp_footer_datepicker_range_fix', 9999);
function wp_footer_datepicker_range_fix() {
	?>
	<script>
	(function($){
		setTimeout(function(){
			$('.asp_w .hasDatepicker').datepicker('option', 'yearRange', '-9:+1')
		}, 500);
	})(jQuery);
	</script>
	<?php
}

This snippet above will adjust the year range from -9 to +1 years, meaning 2016 to 2026. You can change that on the 6th line as you need it.

You are welcome!

I suspect it’s because on mobile it needs to be opened and the loading is delayed so the code does nothing. I think it’s still doable with a few changes:

add_action(
	'wp_footer',
	function () {
		?>
		<script>
			window.addEventListener("load", () => {
				const loadYears = ()=> {
					setTimeout(function(){
						$('.asp_w .hasDatepicker').datepicker('option', 'yearRange', '-9:+1')
					}, 500);
				};
				document.querySelectorAll(".asp_main_container").forEach((el) => {
					el.addEventListener("asp_settings_show", (event) => {
						loadYears();
					});
				});
				loadYears();
			});
		</script>
		<?php
	}
);

It’s definitely possible to resolve, I think I just made a mistake in the code, please try this one instead:

add_action(
	'wp_footer',
	function () {
		?>
		<script>
			window.addEventListener("load", () => {
				const loadYears = ()=> {
					setTimeout(function(){
						jQuery('.asp_w .hasDatepicker').datepicker('option', 'yearRange', '-9:+1')
					}, 500);
				};
				document.querySelectorAll(".asp_main_container").forEach((el) => {
					el.addEventListener("asp_settings_show", (event) => {
						loadYears();
					});
				});
				loadYears();
			});
		</script>
		<?php
	}
);

I used a jQuery shorthand $ in the previous code which didn’t work. This should be the one.