[Solved] Calender is hiding , only background css is working

by


You didn’t added JQUERY in your fiddle
Add Jquery.1.8.3
and

Css Like

.calendar {
  position: absolute;
  width: 430px;
  left: 50%;
  top: 50%;
  margin: -145px 0px 0px -140px;
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
}
#datepicker div{
    width:420px;
}

Working Demo

Edit :

To make date picker in german language add this code 

$.datepicker.setDefaults($.datepicker.regional['de']);
$( "#datepicker" ).datepicker({ firstDay: 1});

Localise to german

Demo of Date Picker in German

2

solved Calender is hiding , only background css is working