datepicker javascript函数不工作

我的javascript没有什么问题：

js:

函数OpenDatePicker（日期选择器）
{
if（document.createEvent）
{
变量id='.'+DatePicker；
$（id.focus（）；
}
}

html:

日期1:
日期2:

问题是我在表单中多次使用日期选择。因此，当我单击任何一个输入字段并选择日期时，它只会更改一个特定字段中的日期（例如，如果我单击“Date1”输入字段，则日期更改在“Date2”输入字段中，而不是在其输入字段中）。任何帮助都将不胜感激。

在关注日期选择器之前，您应该将

日期选择器初始化为如下文本框

$('.datepicker').datepicker();

然后它就完美地工作了


这里您使用的是
class
名称来表示
focus（）
事件，它总是指最后一个文本框。相反，分配
id
s并在fiddle中按如下所示调整代码

检查这些小提琴之间的差异，以便您能够理解

<div class="row-form">
    <div class="span2" style="margin-top: 06px">Date1:</div>
    <div class="span4" style="height: 29px;">
        <input type="text" class="datepicker" style="margin-left: 40px;" />
    </div>
    <img style="margin-left: 12px; cursor: pointer" src="../../img/Date.png" onClick="OpenDatePicker(this);" />
</div>
<div class="row-form" style="margin-top: -19px;">
    <div class="span2" style="margin-top: 06px">Date2:</div>
    <div class="span4" style="height: 29px;">
        <input type="text" class="datepicker" style="margin-left: 40px;" />
    </div>
    <img style="margin-left: 12px; cursor: pointer" src="../../img/Date.png" onClick="OpenDatePicker(this);" />
</div>

$('.datepicker').datepicker();

  var id = '.' + DatePicker;
  $(id).focus();