【发布时间】：2014-03-09 10:21:59
【问题描述】：
我的网站是一个 WordPress 网站。我使用 WooCommerce 结帐字段编辑器插件将 jQuery 日期选择器插入到我的结帐表单中，但它不起作用。因此，我通过手动使用 jQuery 和 jQuery-ui 插入了 datepicker。这也没有奏效。我尝试了很多来解决这个问题，但我仍然找不到它为什么不起作用。这是我的日期选择器代码：
<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.11.0.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js" type="text/javascript"></script>
<script type="text/javascript">
var jq = jQuery.noConflict();
</script>
<script type="text/javascript">
//if(!Modernizr.inputtypes.date){
jq(document).ready(function() {
jq( "#shipping_datepicker" ).datepicker({
dateFormat: 'yy-mm-dd'
});
});
//};
</script>
我将它复制到一个普通的 php 文件中并尝试运行它。效果很好。
我的网站是：http://somi.is/veislubakkar/ 要转到结帐页面，请访问那里并单击产品下的 SETJA Í KÖRFU。然后去http://somi.is/fragangur/。
【问题讨论】：
-
用
jQuery代替jq怎么样？我可能错了，但调试器显示jq未定义。 -
我访问过您的网站。似乎 datepicker 元素被附加到您的 dom 中，但由于他的 css
z-index值而不可见。 -
我将 jq 更改为 jQuery 并注释 var jq = jQuery.noConflict();。还是不行。
-
将此添加到您的 CSS：
.ui-datepicker{z-index:9999 !important;}。它不是很优雅，但很有效。 -
你好 andreivictor，非常感谢。它对我有用。再次感谢。
标签： jquery wordpress datepicker