2012-09-04 32 views
2

我想把我的网站上这个日历小部件(而不是作为一个日期选择器绑定到输入表单字段,但作为一个小部件!):http://www.eyecon.ro/datepicker/ - 我已经在标题中添加必要的文件链接,但小部件不显示 - 这里也是它的构造函数(从头):DatePicker小部件的使用

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

和我的HTML DIV:<div id="date3"></div> 我不知道这是否是真的使用这个小部件的好办法 - 请帮助!

回答

1

作品fine for me here ......那么只有我加入的是把datepicker初始化一个

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

块内,以确保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"> 
+1

现在的工作!非常感谢..我也为这个#data3 div添加了最小宽度和高度的样式.. – mrmnmly

相关问题