jQuery datePicker没有弹出

Question

点击输入字段后，不会弹出日期选择器。

$(document).ready(function() {
         var sds = document.getElementsByClassName("f_sd");
         for(var i = 0; i < sds.length; i ++){
                sds[i].id = i+":sd";
                 var id = "#"+i+":sd";
                 $(id).datepicker();
         }
});

Answer 1

你这样做很奇怪，试试这段代码

$(function(){
  $('.f_sd').datepicker();
})

http://jsfiddle.net/kaVLH/

Answer 2

问题在这里

sds[i].id = i+":sd"; 

控件ID不应包含:

控件ID http://jsfiddle.net/QsgNF/1/

中没有:的JSFiddle

JSFiddle与控件ID http://jsfiddle.net/QsgNF/2/

中的:

你可以看到没有:的第一个小提琴正在提供所需的输出，而第二个小提琴失败了。

Answer 3

有可能是datepicker即将到来，但由于Z-index，

你无法看到

我有同样的问题所以我增加了datepicker组件的z-index，

希望这会对你有所帮助。