DatePicker小部件用法

时间:2012-09-04 16:08:40

标签: javascript jquery html calendar widget

我正在尝试在我的网站上放置这个日历小部件(不是作为绑定到输入表单字段的日期选择器,而是作为小部件!):http://www.eyecon.ro/datepicker/ - 我在标题中添加了必要的文件链接,但是小部件没有显示 - 这里也是它的构造函数(来自标题):

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

和我的div in html:<div id="date3"></div> 我不知道这个小部件是否真的很好用 - 请帮忙!

1 个答案:

答案 0 :(得分:1)

Works fine for me here ...然后我只添加了datepicker初始化内容

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

阻止在调用datepicker之前确保DOM is ready

注意 - 我添加了JS和CSS文件:

<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">