1

我试图显示两个包含日期的输入字段之间的天数差异。我几乎无法更改 HTML,所以我必须使用 Javascript 来做到这一点。HTML 非常丑陋。我只能使用 jQuery 1.3.2。

HTML:

<div id="longUnreadableUnidentifiableId">
  <div class="dynamic">
    <div class="row">
      <span class="column">
        <input id="horribleHorribleLongIdTxtFrom" type="text">11/02/2002</input>
      </span>
      <span class="colum">
        <input id="horribleHorribleLongIdTxtUntil" type="text">16/12/2010</input>
      </span>
      <div class="diff"> [diff] </div>
    </div>
  </div>

<div id="longUnreadableUnidentifiableId2">
  <div class="dynamic">
    <div class="row">
      <span class="column">
        <input id="horribleHorribleLongIdTxtFrom" type="text">03/03/2003</input>
      </span>
      <span class="colum">
        <input id="horribleHorribleLongIdTxtUntil" type="text">16/12/2010</input>
      </span>
      <div class="diff"> [diff] </div>
    </div>
  </div>

当某一行上的任何一个日期发生变化时,它们之间的差异应该会显示出来。我正在使用 moment.js 作为日期差异。

以下 javascript 尝试查找关联的输入字段并提醒它们之间的差异。但是,我无法找到第二个输入字段(var until)。

Javascript:

$('input[id*="txtFrom"]').live('change', function() { 
    var from = $(this);
    var until = from.parent(".row").find('input[id*="txtUntil"]');

    a = moment(from.val());
    b = moment(until.val());

    alert(b.diff(a, 'days'));
});

有人有解决这个问题的方法吗?也许更优雅的东西?

4

2 回答 2

3

尝试使用parents而不是parent. parent只检查直接父母,而parents检查所有父母。

于 2013-07-17T10:27:36.703 回答
1

一些建议:

  1. 更正您的 html 语法,使用

    <input id="horribleHorribleLongIdTxtFrom" type="text" value="11/02/2002"></input>
    

    代替

    <input id="horribleHorribleLongIdTxtFrom" type="text">11/02/2002</input>
    
  2. 您的元素 IDhorribleHorribleLongIdTxtFrom在同一页面中出现两次,您违反了 html 规则。
于 2013-07-17T10:52:37.417 回答