无法使用datepicker插件工作

时间:2013-07-15 20:06:45

标签: jquery jquery-plugins

无法让这个插件在我的浏览器中工作,所以我想弄清楚我哪里出错了。我甚至无法让它进入jsFiddle: http://jsfiddle.net/pkDLJ/2/

我必须根据我的开发人员使用1.7.2库。我想我通过外部资源链接了JS文件。如果不是这样的话:

http://keith-wood.name/datepick.html

我确定我忽视了一些简单的事情。我通常不会使用jquery,所以请原谅我。我的HTML中的头部包括:

<link rel="stylesheet" type="text/css" href="js/jquery.datepick.css">
<script type='text/javascript' src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery.datepick.js"></script>
<script type='text/javascript'>
$(function() {
    $('#popupDatepicker').datepick();
});
</script>

我在控制台中没有错误。样式表正在加载。谢谢你的帮助。把头发拉出来。

2 个答案:

答案 0 :(得分:1)

看起来这个插件工作的方式是其他类干扰它的功能,我分叉你的例子并删除输入上的类只是为了发现它有效,确保你没有覆盖任何CSS类或它是否适用于您,避免添加更多的clases(或在加载后使用JS添加它们)。

HTML看起来像:

<div class="fltlft">
    <input id="popupDatepicker" name="DOB" type="text" placeholder="DOB" />
</div>

这是工作fiddle

答案 1 :(得分:0)

这是一个适合你的小提琴:http://jsfiddle.net/Zj8kB/

没有彻底查看文档,但删除hasDatepick类修复了问题。

编辑:我可以在“简介”Processed fields are marked with a class of hasDatepick and are not re-processed if targetted a second time底部的文档中找到这一行。

请更改您的html标记,如下所示(我所做的一切都是从您在小提琴上的原始标记中删除了hasDatepick类):

<div class="fltlft">
    <input type="text" id="popupDatepicker" class="formBox" name="DOB" type="text" placeholder="DOB" />
</div>