Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Cannot change date format for set date - jquery datepicker

I want to change the date format of a set date to "dd.mm.yy"!

For me it should work like in my code but set date will display "11/19/2011" in place of "19.11.2011"

When I pick a date the format is right!

<script type="text/javascript">
 $(function() {
        $("#datepicker").datepicker();
        $('#datepicker').datepicker({ dateFormat: 'dd.mm.yy' });
        $('#datepicker').datepicker("setDate", "+3");

    });     

 /* German initialisation for the jQuery UI date picker plugin. */
jQuery(function($){
    $.datepicker.regional['de'] = {
        closeText: 'schließen',
        prevText: '&#x3c;zurück',
        nextText: 'Vor&#x3e;',
        currentText: 'heute',
        monthNames: ['Januar','Februar','März','April','Mai','Juni',
        'Juli','August','September','Oktober','November','Dezember'],
        monthNamesShort: ['Jan','Feb','Mär','Apr','Mai','Jun',
        'Jul','Aug','Sep','Okt','Nov','Dez'],
        dayNames: ['Sonntag','Montag','Dienstag','Mittwoch','Donnerstag','Freitag','Samstag'],
        dayNamesShort: ['So','Mo','Di','Mi','Do','Fr','Sa'],
        dayNamesMin: ['So','Mo','Di','Mi','Do','Fr','Sa'],
        weekHeader: 'Wo',
        dateFormat: 'dd.mm.yy',
        firstDay: 1,
        isRTL: false,
        showMonthAfterYear: false,
        yearSuffix: ''};
    $.datepicker.setDefaults($.datepicker.regional['de']);
});
</script>
like image 944
burner007 Avatar asked Apr 02 '26 16:04

burner007


2 Answers

I get it!!

in this line

$("#datepicker").datepicker();

the datepicker will be initialized! thereby the default date format is used!

that means the format has to be defined direct in the initialization like

$('#datepicker').datepicker({ dateFormat: 'dd.mm.yy' }); 

or after the initialization via setters

$('#datepicker').datepicker();
    $( "#datepicker" ).datepicker( "option", "dateFormat", 'dd.mm.yy' ); 

both variants work!

like image 124
burner007 Avatar answered Apr 04 '26 05:04

burner007


Does this help:

$(function() {
       var m = new Date("01","10","2011");
            m = $.datepicker.formatDate('dd MM yy', m);
            $('#datepicker').datepicker("setDate",m);
    });     

The above code worked for me in case of setting date. Hope it works for you too.

like image 26
Sudhir Bastakoti Avatar answered Apr 04 '26 06:04

Sudhir Bastakoti



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!