Hi Johannes,

This is not possible to achieve with the plugin build in and it require some modification. I can give you a guide where to look. First you will need to have this file from the link.

This is example for German format

Then go to ../wp-content/plugins/wpdatatables/assets/js/wpdatatables/wdt.funcs.js around line 148 you will find this code:

 $(this).datetimepicker(
    { format: wdtDateFormat,
      showClear: true,
      keepOpen: true,
      useCurrent: false
      }

If you use moment.js the you need to load moment-with-locales.min.js not moment.min.js. Otherwise, your locale: 'de' will not work.

Then the code should look like this 

 $(this).datetimepicker(
    { format: wdtDateFormat,
      showClear: true,
      keepOpen: true,
      useCurrent: false,
      locale: 'de'
}

Also you have to change  in file:

wp-content/plugins/wpdatatables/assets/js/wpdatatables/wdt.frontend.min.js

It's a minified so you must search for 

$(this).datetimepicker({format:wdtDateFormat,showClear:!0,keepOpen:!0,useCurrent:!1})

and change the code

$(this).datetimepicker({format:wdtDateFormat,showClear:!0,keepOpen:!0,useCurrent:!1,locale:'de'})

This is temporary solution, so after next update this changes will be overwritten so you have to come back and do it again.

Hi Johannes,

You have to include that file form local on page.You have to add code in file 

wp-content/plugins/wpdatatables/source/class.wdttools.php around line 778

wp_enqueue_script('wdt-moment', WDT_JS_PATH . 'moment/moment.js', array(), false, true);

and add this under the moment.js

wp_enqueue_script('wdt-moment', WDT_JS_PATH . 'moment/locale/de.js', array(), false, true);

Also you have to add this code in file under the comments "Apply datetimepicker" in  file

wp-content/plugins/wpdatatables/assets/js/wpdatatables/wdt.funcs.js around line 149

moment.lang('de', {    
week : {        dow : 1 // Monday is the first day of the week    
}
});

Hi Johannes,

You have to find this for datetimepicker and add locale:

$('body').on('focus','.wdt-datetimepicker',function(){$(this).datetimepicker({format:wdtDateFormat+' '+wdtTimeFormat,showClear:!0,keepOpen:!0,useCurrent:!1}

There is three lines of code like this and they are differ by class for datepicker, timepicker and datetimepicker(you can see for datetimepicker class is .wdt-datetimepicker)

Hi Johannes,

We find solution for this. Replace this in file

wp-content/plugins/wpdatatables/assets/js/wpdatatables/wdt.funcs.js around line 149

moment.lang('de', {    
week : {        dow : 1 // Monday is the first day of the week    }
});

with this code.

moment.lang('de', {    
weekdaysMin : ["So", "Mo", "Di", "Mi", "Do", "Fr", "Sa"],    
week : {        dow : 1 // Monday is the first day of the week    }
});

Also you have to change  in file:

wp-content/plugins/wpdatatables/assets/js/wpdatatables/wdt.frontend.min.js

It's a minified so you must search for 

$('body').on('focus','.wdt-datepicker',function()

and insert code before this.

Hi Johanes,
Thank you for your purchase.

Yes like i wrote in previous post, you have to add moment.lang in file under the comments "Apply datetimepicker" , not in datepicker function.

   
    /**
     * Apply datetimepicker
     */
    moment.lang('de', {    
                weekdaysMin : ["So", "Mo", "Di", "Mi", "Do", "Fr", "Sa"],
                week : {        dow : 1 // Monday is the first day of the week
    }});
    // Datepicker
    $('body').on('focus', '.wdt-datepicker', function () {
        $(this).datetimepicker(
            {
                format: wdtDateFormat,
                showClear: true,
                keepOpen: true,
                useCurrent: false,
                locale: 'de'
            }
        )
            .off('dp.show')
            .on('dp.show', function () {
                $(this).parent().find('div.bootstrap-datetimepicker-widget').addClass('wdt-datetimepicker-modal');
                wdtAddTodayPlaceholder($(this));
            })
            
    });

Hi Johanes,

Also you have to change  in file:

wp-content/plugins/wpdatatables/assets/js/wpdatatables/wdt.frontend.min.js

It's a minified so you must search for 

$('body').on('focus','.wdt-datepicker',function()

and insert code before this.

Hi Johanes,

Yes I mean on that code.

Hi Johanes,

Yes you can turn off option "Use minified wpDataTables Javascript"  on tab CUSTOM JS AND CSS in settings of plugin.

Hi Johanes,

Like i describe you down below, you have to make all changes that i suggest in file wdt.funcs.js. If you turn off option  "Use minified wpDataTables Javascript" , minified js file will not be include on page so you don't have to make changes in minified file wdt.frontend.min.js.

Hi Johanes,

We found that moment extension for language is deprecated, so this is solution for you to translate datepicker and datetimepicker on German language.

Add this code in file under the comments "Apply datetimepicker" in  file

wp-content/plugins/wpdatatables/assets/js/wpdatatables/wdt.funcs.js around line 149

moment.locale('de', {
        months : ["Januar","Februar","März","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember"],
        weekdaysMin : ["So", "Mo", "Di", "Mi", "Do", "Fr", "Sa"],
        week : {        dow : 1 // Monday is the first day of the week
        }});

Then go to ../wp-content/plugins/wpdatatables/assets/js/wpdatatables/wdt.funcs.js around line 148 you will find this code for datepicker:

 $(this).datetimepicker(
    { format: wdtDateFormat,
      showClear: true,
      keepOpen: true,
      useCurrent: false
      }

Then the code should look like this 

 $(this).datetimepicker(
    { 
      format: wdtDateFormat,
      showClear: true,
      keepOpen: true,
      useCurrent: false,
      locale: 'de'
}

Then go to ../wp-content/plugins/wpdatatables/assets/js/wpdatatables/wdt.funcs.js around line 181 you will find this code for datetimepicker:

        $(this).datetimepicker(
            {
                format: wdtDateFormat + ' ' + wdtTimeFormat,
                showClear: true,
                keepOpen: true,
                useCurrent: false
                
            }

Then the code should look like this 

        $(this).datetimepicker(
            {
                format: wdtDateFormat + ' ' + wdtTimeFormat,
                showClear: true,
                keepOpen: true,
                useCurrent: false,
                locale: 'de'
            }
 

If you include locale/de.js already you don't have again, but we must explain in detail so there is no mistake.You have to include that file form local on page.You have to add code in file 

wp-content/plugins/wpdatatables/source/class.wdttools.php around line 778

wp_enqueue_script('wdt-moment', WDT_JS_PATH . 'moment/moment.js', array(), false, true);

and add this under the moment.js

wp_enqueue_script('wdt-moment', WDT_JS_PATH . 'moment/locale/de.js', array(), false, true);

When you finish this you don't have to insert code in minified files is you turn off option "Use minified wpDataTables Javascript"  on tab CUSTOM JS AND CSS in settings of plugin.