多输入表格上的jquery datepicker

我已经动态地创建了一个网页，其中有很少的日期输入字段。这些字段具有相同的类别但不同的ID。多输入表格上的jquery datepicker

这些输入字段从mysql中填充，所以我不知道点击字段的ID。

我想在用户点击这些字段进行编辑时弹出日期选择器。

我用下面的代码进行比较的开始日期与每一行的结束日期，但我得到一个错误： “遗漏的类型错误：无法设置属性未定义‘CURRENTDAY’”

<input type="text" class="selStart" id="'.$row['id'].'" name="selStart'.$a.'" value="'.$row['starts'].'" readonly="readonly" /> 
    <input type="text" class="selEnd" id="'.$row['id'].'" name="selEnd'.$a.'" value="'.$row['ends'].'" readonly="readonly" /> 

    <input type="text" class="selStart" id="'.$row['id'].'" name="selStart'.$a.'" value="'.$row['starts'].'" readonly="readonly" /> 
    <input type="text" class="selEnd" id="'.$row['id'].'" name="selEnd'.$a.'" value="'.$row['ends'].'" readonly="readonly" /> 

    $(".selStart").datepicker(); 

    $(".selEnd").datepicker();

来源

2015-02-12 Steve

您是否也可以包含您的HTML部分。 – Runcorn 2015-02-12 03:47:39

如果你可以在小提琴中重现错误会更容易 – Outlooker 2015-02-12 05:02:41

@Outlooker，我的html是动态的，所以实际上我不知道当时的硬代码是什么。我知道我的jQuery代码工作，如果我给它确切的ID，因为我在我的页面的其他部分使用这段代码。我认为，因为我通过它的类名调用元素，并且我没有几个具有相同的调用名称，所以datepicked无法运行......我不确定！ – Steve 2015-02-12 05:12:13

你的代码已经在的jsfiddle工作为我好，

Demo

如果您有可能获得你还没有包括jQuery用户界面在你的项目，或j的版本无效弹出麻烦查询库。

HTML：

<input type="text" class="selStart" id="firstInput" name="selStart" value="" readonly="readonly" /> 
<input type="text" class="selEnd" id="secondInput" name="selEnd" value="" readonly="readonly" />

的jQuery：

$(document).ready(function(){ 
    $(".selStart").datepicker(); 
    $(".selEnd").datepicker(); 
});

来源

2015-02-12 06:39:14 Lucky

没有弹出来，但不会输出任何东西。但是，我发现这个问题，出于某种原因，它不喜欢我的命名！我改变了，现在它工作！尽管谢谢您的帮助！ – Steve 2015-02-12 06:55:12

好吧@Steve，很高兴它的作品！你总是可以发布你的工作解决方案作为答案.. – Lucky 2015-02-12 06:57:15

我改变了我的命名为脱脂输入标签和现在的作品！

来源

2015-02-12 07:08:52 Steve

多输入表格上的jquery datepicker

回答

相关问题