[SOLVED] How to add hour:minute:second to the date filter in helperLists in prestashop?

[Ali Samie]

In prestashop back office we have order listing with the option to filter by date which is limited to a single day. Is it possible to add time limit like hour:minute:seconds?

[Ali Samie]

For example, in cart rules controller there is a js file like this:
admin/themes/default/template/controllers/cart_rules/form.js

here you can find $('.datepicker').datetimepicker

this means that with jquery, you can make a datepicker with hour and minute and seconds

anywhere else that you see a datepicker you can change it to datetimepicker and then you have time picker

but for modern controllers there is another issue. I can not change it easy as it is with symfony and ... hate this change in PS

[Ali Samie]

I changed this for helper list, and now all legacy admin controllers will be like this

[ps8modules.com]

Hi.
Add custom javascript loading to your module and controller.
You can then put in it when and where the datetimepicker will be loaded.

E.g:

Module:

public function hookActionAdminControllerSetMedia($params)
{
	if ($this->context->controller->controller_name == 'AdminModules' && Tools::getValue('configure') == $this->name){
		$this->context->controller->addJqueryUI('ui.datepicker');
		$this->context->controller->addJS(_PS_MODULE_DIR_.$this->name.'/views/admin/js/admin.js');
	}
}

 

JavaScript:

$('.datepicker').datetimepicker();

 

 

[Ali Samie]

2 hours ago, prestashopfree.com said:

Hi.
Add custom javascript loading to your module and controller.
You can then put in it when and where the datetimepicker will be loaded.

E.g:

Module:

public function hookActionAdminControllerSetMedia($params)
{
	if ($this->context->controller->controller_name == 'AdminModules' && Tools::getValue('configure') == $this->name){
		$this->context->controller->addJqueryUI('ui.datepicker');
		$this->context->controller->addJS(_PS_MODULE_DIR_.$this->name.'/views/admin/js/admin.js');
	}
}

 

JavaScript:

$('.datepicker').datetimepicker();

 

 

thanks for the answer, yes that is the workaround for this scenario

but it needs a little more configuration

i will post it soon

[Ali Samie]

I added this to the view of modern controllers with this js file in a custom module:
 

// adds hour, minute and seconds to the time picker in any listing page you see in modern controllers

$(document).ready(function () {
    $('.datepicker input').each(function (i,e) {
        $(e).data("DateTimePicker").format('YYYY-MM-DD HH:mm:ss')
        $(e).data("DateTimePicker").sideBySide()
        if($(e).attr('value')){
            $(e).data("DateTimePicker").date($(e).attr('value'))
        }
    })
})