Filter Posts and Media Files by a Custom Date Range in Admin Area with no plugins

Why I continue to publish posts under the #noplugins tag?

First reason is: each plugin potentially can slow down your website. It may happen because of the unnecessary functionality or maybe because of a very slow function.

The second reason: each plugin potentially can have a vulnerability. It is very easy to focus on the security when you create a small piece of code but it becomes much harder when you write a plugin with a large functionality.

Ok, less talk, more action, that’s the results:

Very simple date range filter for WordPress posts.
I decided to use jQuery UI datepicker because 1) WooCoomerce uses it 2) jQuery UI is already included in WordPress admin.

And here is the code for your functions.php file:

class mishaDateRange{

	function __construct(){
		// if you do not want to remove default "by month filter", remove/comment this line
		add_filter( 'months_dropdown_results', '__return_empty_array' );
		// include CSS/JS, in our case jQuery UI datepicker
		add_action( 'admin_enqueue_scripts', array( $this, 'jqueryui' ) );
		// HTML of the filter
		add_action( 'restrict_manage_posts', array( $this, 'form' ) );
		// the function that filters posts
		add_action( 'pre_get_posts', array( $this, 'filterquery' ) );

	 * Add jQuery UI CSS and the datepicker script
	 * Everything else should be already included in /wp-admin/ like jquery, jquery-ui-core etc
	 * If you use WooCommerce, you can skip this function completely
	function jqueryui(){
		wp_enqueue_style( 'jquery-ui', '//' );
		wp_enqueue_script( 'jquery-ui-datepicker' );

	 * Two input fields with CSS/JS
	 * If you would like to move CSS and JavaScript to the external file - welcome.
	function form(){
		$from = ( isset( $_GET['mishaDateFrom'] ) && $_GET['mishaDateFrom'] ) ? $_GET['mishaDateFrom'] : '';
		$to = ( isset( $_GET['mishaDateTo'] ) && $_GET['mishaDateTo'] ) ? $_GET['mishaDateTo'] : '';
		echo '<style>
		input[name="mishaDateFrom"], input[name="mishaDateTo"]{
			line-height: 28px;
			height: 28px;
			margin: 0;
		<input type="text" name="mishaDateFrom" placeholder="Date From" value="' . esc_attr( $from ) . '" />
		<input type="text" name="mishaDateTo" placeholder="Date To" value="' . esc_attr( $to ) . '" />
		jQuery( function($) {
			var from = $(\'input[name="mishaDateFrom"]\'),
			    to = $(\'input[name="mishaDateTo"]\');

			$( \'input[name="mishaDateFrom"], input[name="mishaDateTo"]\' ).datepicker( {dateFormat : "yy-mm-dd"} );
			// by default, the dates look like this "April 3, 2017"
    			// I decided to make it 2017-04-03 with this parameter datepicker({dateFormat : "yy-mm-dd"});
    			// the rest part of the script prevents from choosing incorrect date interval
    			from.on( \'change\', function() {
				to.datepicker( \'option\', \'minDate\', from.val() );
			to.on( \'change\', function() {
				from.datepicker( \'option\', \'maxDate\', to.val() );
	 * The main function that actually filters the posts
	function filterquery( $admin_query ){
		global $pagenow;
		if (
			&& $admin_query->is_main_query()
			// by default filter will be added to all post types, you can operate with $_GET['post_type'] to restrict it for some types
			&& in_array( $pagenow, array( 'edit.php', 'upload.php' ) )
			&& ( ! empty( $_GET['mishaDateFrom'] ) || ! empty( $_GET['mishaDateTo'] ) )
		) {

				'date_query', // I love date_query appeared in WordPress 3.7!
					'after' => sanitize_text_field( $_GET['mishaDateFrom'] ), // any strtotime()-acceptable format!
					'before' => sanitize_text_field( $_GET['mishaDateTo'] ),
					'inclusive' => true, // include the selected days as well
					'column'    => 'post_date' // 'post_modified', 'post_date_gmt', 'post_modified_gmt'
		return $admin_query;

new mishaDateRange();

One more screenshot from the Media Library page.

I know websites with thousands uploaded media files. The range date filter will be very useful for such situations.
On the line 84 of the code you can see that the range filter is allowed for the uploads as well (for List view only).

Have a question? Let me help you in comments.

Misha Rudrastyh

Misha Rudrastyh

Hey guys and welcome to my website. For more than 10 years I've been doing my best to share with you some superb WordPress guides and tips for free.

Need some developer help? Contact me

Follow me on X