Javascript 日期选择器仅适用于第一行

Javascript 日期选择器仅适用于第一行,javascript,jquery,html,rows,Javascript,Jquery,Html,Rows,我使用HTML表格来显示一组数据。我有一个用于日期字段的单元格(使用input type='text')。用户可以在运行时编辑日期。但每当我编辑日期时,它只影响HTML表的第一行。你能请任何人帮我吗? 我在服务器端(ASPX)创建了表 下面是我在服务器端页面中开发的代码。(例如:Sample.aspx.cs) 经过一番讨论,我找到了解决办法。如果您有相同的问题,请将您的“id”或“名称”或“类别”替换为“类型”,如下所示: 旧代码: $(document).ready(function ()

我使用HTML表格来显示一组数据。我有一个用于日期字段的单元格(使用input type='text')。用户可以在运行时编辑日期。但每当我编辑日期时,它只影响HTML表的第一行。你能请任何人帮我吗? 我在服务器端(ASPX)创建了表

下面是我在服务器端页面中开发的代码。(例如:Sample.aspx.cs)


经过一番讨论,我找到了解决办法。如果您有相同的问题,请将您的“id”或“名称”或“类别”替换为“类型”,如下所示:

旧代码:

  $(document).ready(function () {
             **$("[name^=dtPicker]").datepicker({**      
                showOn: 'button',
                dateFormat: 'dd-MM-yy',
                buttonImageOnly: true,
                buttonImage: 'http://localhost/localUI//images/calendar.png'
            });
        });
新代码(解决方案):

$(document).ready(function () {
            **$("[type$=text]").datepicker({**
                showOn: 'button',
                dateFormat: 'dd-MM-yy',
                buttonImageOnly: true,
                buttonImage: 'http://localhost/localUI//images/calendar.png'
            });
        });

你的意思是说我必须使用你在上面给出的代码,而不是我在上面提到的代码(下面的代码我放在设计页面。)部分。我根据你的建议修改了代码$(document).ready(函数(){$(“.datepicker”).datepicker({shown:'button',dateFormat:'dd-MM-yy',buttonImageOnly:true,buttonImage:“”;});但仍然存在相同的问题问题问题中的代码中有一个具有匹配的
name^=dtPicker
-如果它在第一行有效,则您正在执行问题中未包含的操作。您还有大量代码显然与问题无关。请阅读此文,所有3个因素都适用于此:嗨,对不起,我错过了添加我的代码。你说得对。我可以用id=txtRepairedDate替换name=dtpicker。我试着用名字,身份证和班级。但什么都帮不上忙。你能告诉我你对我的问题有什么期待吗。上面提到的代码都是我在页面中使用的。简单地说,每个
id
在页面上都应该是唯一的。通过浏览代码中不相关的部分,看起来每一行都有
id=txtRepairedDate
,这是无效的HTML,如果您将其用作选择器,则可以从您的注释中获得第一个。基本上,在设置中使用
$(“.datepicker”)
。删除不相关的代码,并把实际使用的代码,你可能会得到一个体面的答案。
  $(document).ready(function () {
             **$("[name^=dtPicker]").datepicker({**      
                showOn: 'button',
                dateFormat: 'dd-MM-yy',
                buttonImageOnly: true,
                buttonImage: 'http://localhost/localUI//images/calendar.png'
            });
        });
$(document).ready(function () {
            **$("[type$=text]").datepicker({**
                showOn: 'button',
                dateFormat: 'dd-MM-yy',
                buttonImageOnly: true,
                buttonImage: 'http://localhost/localUI//images/calendar.png'
            });
        });