Hello,

I have multiple views on the same page, all having a date popup filter exposed.
Here's how i build the filters :

Add filter / Filter Date / Date: Date (node)

So I have 3 date filters, each with min and max :

  • edit-date-filter-min-datepicker-popup-0
  • edit-date-filter-max-datepicker-popup-0
  • edit-date-filter-min-datepicker-popup-1
  • edit-date-filter-max-datepicker-popup-1
  • edit-date-filter-min-datepicker-popup-2
  • edit-date-filter-max-datepicker-popup-2

The views are using ajax to refresh the results.

The problem is that views also recreates the filter form, and then the IDs are not well regenerated.
If I try to filter the third view, I then get :

  • edit-date-filter-min-datepicker-popup-0
  • edit-date-filter-max-datepicker-popup-0
  • edit-date-filter-min-datepicker-popup-1
  • edit-date-filter-max-datepicker-popup-1
  • edit-date-filter-min-datepicker-popup-0
  • edit-date-filter-max-datepicker-popup-0

So the date popup doesn't show anymore in the third view.

I don't know if it's a views issue (multiple inputs having the same ID), but this could be also a date issue:
I think the javascript added to the page should use Drupal.Behaviors to add popup to the date inputs.

Here's the actual javascript added to the page :

jQuery.extend(Drupal.settings, { 
	"basePath": "/", 
	"datePopup": { 
		"edit-date-filter-min-datepicker-popup-0": { 
			"func": "datepicker", 
			"settings": { 
				"prevText": "\x26laquo;", "nextText": "\x26raquo;", "currentText": "Today", "changeMonth": true, "changeYear": true, "clearText": "Clear", "closeText": "Close", "firstDay": 1, "dayNames": [ "Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday" ], "dayNamesShort": [ "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat" ], "dayNamesMin": [ "SU", "MO", "TU", "WE", "TH", "FR", "SA" ], "monthNames": [ "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" ], "monthNamesShort": [ "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec" ], "autoPopUp": "focus", "closeAtTop": false, "speed": "immediate", "dateFormat": "yy-mm-dd", "yearRange": "-1:+3", "fromTo": false, "defaultDate": "0y" }
			}, 
		"edit-date-filter-max-datepicker-popup-0": { 
			"func": "datepicker",
			"settings": { 
				"prevText": "\x26laquo;", "nextText": "\x26raquo;", "currentText": "Today", "changeMonth": true, "changeYear": true, "clearText": "Clear", "closeText": "Close", "firstDay": 1, "dayNames": [ "Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday" ], "dayNamesShort": [ "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat" ], "dayNamesMin": [ "SU", "MO", "TU", "WE", "TH", "FR", "SA" ], "monthNames": [ "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" ], "monthNamesShort": [ "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec" ], "autoPopUp": "focus", "closeAtTop": false, "speed": "immediate", "dateFormat": "yy-mm-dd", "yearRange": "-1:+3", "fromTo": false, "defaultDate": "0y" }
			}, 
		"edit-date-filter-min-datepicker-popup-1": { 
			"func": "datepicker",
			"settings": { 
				"prevText": "\x26laquo;", "nextText": "\x26raquo;", "currentText": "Today", "changeMonth": true, "changeYear": true, "clearText": "Clear", "closeText": "Close", "firstDay": 1, "dayNames": [ "Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday" ], "dayNamesShort": [ "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat" ], "dayNamesMin": [ "SU", "MO", "TU", "WE", "TH", "FR", "SA" ], "monthNames": [ "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" ], "monthNamesShort": [ "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec" ], "autoPopUp": "focus", "closeAtTop": false, "speed": "immediate", "dateFormat": "yy-mm-dd", "yearRange": "-1:+3", "fromTo": false, "defaultDate": "0y" }
			},
		"edit-date-filter-max-datepicker-popup-1": {
			"func": "datepicker",
			"settings": {
				"prevText": "\x26laquo;", "nextText": "\x26raquo;", "currentText": "Today", "changeMonth": true, "changeYear": true, "clearText": "Clear", "closeText": "Close", "firstDay": 1, "dayNames": [ "Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday" ], "dayNamesShort": [ "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat" ], "dayNamesMin": [ "SU", "MO", "TU", "WE", "TH", "FR", "SA" ], "monthNames": [ "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" ], "monthNamesShort": [ "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec" ], "autoPopUp": "focus", "closeAtTop": false, "speed": "immediate", "dateFormat": "yy-mm-dd", "yearRange": "-1:+3", "fromTo": false, "defaultDate": "0y" } 
			}, 
		"edit-date-filter-min-datepicker-popup-2": {
			"func": "datepicker",
			"settings": {
				"prevText": "\x26laquo;", "nextText": "\x26raquo;", "currentText": "Today", "changeMonth": true, "changeYear": true, "clearText": "Clear", "closeText": "Close", "firstDay": 1, "dayNames": [ "Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday" ], "dayNamesShort": [ "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat" ], "dayNamesMin": [ "SU", "MO", "TU", "WE", "TH", "FR", "SA" ], "monthNames": [ "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" ], "monthNamesShort": [ "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec" ], "autoPopUp": "focus", "closeAtTop": false, "speed": "immediate", "dateFormat": "yy-mm-dd", "yearRange": "-1:+3", "fromTo": false, "defaultDate": "0y" }
			},
		"edit-date-filter-max-datepicker-popup-2": {
			"func": "datepicker",
			"settings": {
				"prevText": "\x26laquo;", "nextText": "\x26raquo;", "currentText": "Today", "changeMonth": true, "changeYear": true, "clearText": "Clear", "closeText": "Close", "firstDay": 1, "dayNames": [ "Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday" ], "dayNamesShort": [ "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat" ], "dayNamesMin": [ "SU", "MO", "TU", "WE", "TH", "FR", "SA" ], "monthNames": [ "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" ], "monthNamesShort": [ "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec" ], "autoPopUp": "focus", "closeAtTop": false, "speed": "immediate", "dateFormat": "yy-mm-dd", "yearRange": "-1:+3", "fromTo": false, "defaultDate": "0y" }
			}
		},
	"views": {
		"ajax_path": [ "/views/ajax", "/views/ajax", "/views/ajax", "/views/ajax", "/views/ajax", "/views/ajax" ],
		"ajaxViews": [
			{ "view_name": "my_view", "view_display_id": "block_9", "view_args": "", "view_path": "my-view", "view_base_path": null, "view_dom_id": 1, "pager_element": 0 },
			{ "view_name": "my_view", "view_display_id": "block_9", "view_args": "", "view_path": "my-view", "view_base_path": null, "view_dom_id": 1, "pager_element": 0 },
			{ "view_name": "my_view", "view_display_id": "block_1", "view_args": "", "view_path": "my-view", "view_base_path": null, "view_dom_id": 2, "pager_element": 0 },
			{ "view_name": "my_view", "view_display_id": "block_1", "view_args": "", "view_path": "my-view", "view_base_path": null, "view_dom_id": 2, "pager_element": 0 },
			{ "view_name": "my_view", "view_display_id": "block_2", "view_args": "", "view_path": "my-view", "view_base_path": null, "view_dom_id": 3, "pager_element": 0 },
			{ "view_name": "my_view", "view_display_id": "block_2", "view_args": "", "view_path": "my-view", "view_base_path": null, "view_dom_id": 3, "pager_element": 0 } 
		]
	}
});

So, is this a Date issue or a Views issue?

Comments

ludo.r’s picture

Title: Multiple views with date popup exposed filter enabled » Multiple views with date popup exposed filter ajax enabled
jiv_e’s picture

Status: Active » Closed (won't fix)

Is this still a problem? There has been no activity on this in three years. I'll close this. Feel free to reopen if this needs to be resolved.