Calender is hiding , only background css is working

Question

I am trying to use calendar which I found on Codepen.

But if I copy the code, I get only a blank page and only Background colour is changing to that which is in the styles nothing else.

I put that what I copied to Jsfiddle and by Codepen you will find the original

 <div id="datepicker" class="calendar"></div>

That's the html tag that I have in my <Body>, nothing else.

You need to include jQuery and jQuery UI references in your fiddle — Shaunak D, Jun 20 '14 at 12:23
Thanks, it works. Should take a break after hours of working. my mistake guys. — user3662624, Jun 20 '14 at 12:32
What i would like to know is, is it possible to Change the language of the month ? now is it english, i would like to Change it in german ? — user3662624, Jun 20 '14 at 12:33

score 0 · Accepted Answer · edited May 23 '17 at 11:57

0

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

edited May 23 '17 at 11:57

Community

1
1

answered Jun 20 '14 at 12:25

Sid

801
8
19

I had edited my answer to make datepicker german and please See link of Localise to german too. – Sid Jun 20 '14 at 12:54
If its works for you then please watt up answer so that it will helps more to other to consider it as right answer and welcome – Sid Jun 20 '14 at 13:07

Calender is hiding , only background css is working

1 Answers1