Javascript 单击并克隆时间选择器无法工作

Javascript 单击并克隆时间选择器无法工作,javascript,jquery,html,Javascript,Jquery,Html,下面是我克隆计时器的代码 我尝试在单击时删除hasDatepicker类,并尝试再次调用timepicker,但它不起作用。下面是我的代码 $(文档).ready(函数(){ var克隆指数=0; console.log(最大值); $(“#添加#期间#中断”)。单击(函数(){ $(“.start_time”).removeClass('hasDatepicker'); $('.start_time').timepicker({}); 克隆索引=克隆索引+1; //$(“#countf

下面是我克隆计时器的代码

  • 我尝试在单击时删除hasDatepicker类,并尝试再次调用timepicker,但它不起作用。下面是我的代码

$(文档).ready(函数(){
var克隆指数=0;
console.log(最大值);
$(“#添加#期间#中断”)。单击(函数(){
$(“.start_time”).removeClass('hasDatepicker');
$('.start_time').timepicker({});
克隆索引=克隆索引+1;
//$(“#countform”).val(克隆索引);
console.log(“添加”+克隆索引);
$(this).parent().before($(“#clone”).clone().attr(“id”,“clone”+clone_index));
$(“#克隆”+克隆索引).css(“显示”、“内联”);
$(“#克隆”+克隆索引+”:输入”)。每个(函数(){
$(this.attr(“name”),$(this.attr(“name”)+克隆索引);
$(this.attr(“id”),$(this.attr(“id”)+克隆索引);
$(“#countform”).val(克隆索引);
});
});
});

开始时间
添加句点/休息
提交
  • 您想使用jQuery
    timepicker
  • 您不需要删除hasDatepicker类,因为它永远不会被分配给它
  • 还有一个未赋值的变量
    max_值
    。所以请把它去掉
请检查以下代码:

$(文档).ready(函数(){
var克隆指数=0;
$('.start_time').timepicker({});//首次在页面加载时
$(“#添加#期间#中断”)。单击(函数(){
克隆索引=克隆索引+1;
$(this).parent().before($(“#clone”).clone().attr(“id”,“clone”+clone_index));
$(“#克隆”+克隆索引).css(“显示”、“内联”);
$(“#克隆”+克隆索引+”:输入”)。每个(函数(){
$(this.attr(“name”),$(this.attr(“name”)+克隆索引);
$(this.attr(“id”),$(this.attr(“id”)+克隆索引);
$(“#countform”).val(克隆索引);
});
$('.start_time').timepicker({});///在新添加的文本框上应用timepicker
});
});

开始时间
添加句点/休息
提交

我已经包括了jquery ui timepicker插件。js@sivashanker,使用jquery ui timepicker addon.js进行测试,它也工作正常,请检查以下内容: