CODEWITHSUNDEEP
javascriptjqueryhtmlcalendarwidget
lukaszkups
lukaszkups

Reputation: 5990

DatePicker widget usage

I'm trying to put on my site this calendar widget (not as a datepicker binded to input form field but as a widget!): http://www.eyecon.ro/datepicker/ - I've added necessary files links in the header, but widget is not displaying - here is also constructor for it (from header):

    <script>
        $('#date3').DatePicker({
        flat: true,
        date: ['2008-07-28','2008-07-31'],
        current: '2008-07-31',
        calendars: 3,
        mode: 'range',
        starts: 1
    });
  </script>

and my div in html: <div id="date3"></div> I don't know if it is really good way of usage this widget - please help!

Upvotes: 2

Views: 305

Answers (1)

Manse
Manse

Reputation: 38147

Works fine for me here ... then only thing I have added is putting the datepicker initialisation inside a

$(document).ready(function() {
  //your code here
});

block to ensure the DOM is ready before the datepicker is called.

Note - I added both JS and CSS files :

<script type='text/javascript' src="http://www.eyecon.ro/datepicker/js/datepicker.js"></script>
<link rel="stylesheet" type="text/css" ref="http://www.eyecon.ro/datepicker/css/datepicker.css">

Upvotes: 1

Related Questions