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
Comment #1
ludo.rComment #2
jiv_e commentedIs 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.