javascript - 使用 Javascript/jQuery 获取字段的值

Question

这是我的页面：

http://bryntum.com/examples/gantt-latest/examples/basic/basic.html

我想获取开始和结束日期的当前值。（我稍后将实现一个按钮，用户可以按下该按钮，然后它将获取所有日期并将它们发布到某处）。目前我只需要以某种方式获取日期值。

起初这些值是从 XML 加载的，但您可以手动更改这些值。

我尝试查看源代码，但无法获取字段 ID 等。

那么如何使用 JS 访问这些字段呢？

Answer 1

用 jquery 来做这件事是完全错误的——它是一个具有非常好的文档的 Extjs 组件。

Gnt.panel.Gantt有一个getStart方法：

获取调度程序视图的当前开始日期的方法

和一个getEnd方法：

获取调度程序视图的当前结束日期的方法

http://bryntum.com/docs/#!/api/Gnt.panel.Gantt

编辑：

尝试getTaskStore，然后getById在商店中，女巫将返回Task具有 StartDate 和 EndDate 字段的 a。

Answer 2

如果您仍在寻找 JS 解决方案：

我无法使用 Jquery，服务器是否支持它？

通过使用 JS，由于单元格没有 ID，您可以通过类名访问您的字段：

document.getElementsByClassName("x-grid-cell-inner ");

而不是遍历返回的数组。

完整代码：

var data = document.getElementsByClassName("x-grid-cell-inner ");
var mark = 0;
var out = "";
var patt=/\d\/\d/;
for (i in data) {
    var txt = new String(data[i].innerHTML);
    if (patt.test(txt)) {
        if (mark == 0) {
            out += "start: "+txt+" ";
            mark = 1;
        } else {
            mark = 0;
            out += "end: "+txt+" ";
        }
    }
}

Answer 3

不幸的是，div 上没有唯一的 id，因此您无法访问它们。但它们似乎具有独特的class=""价值：

class="x-grid-cell x-grid-cell-startdatecolumn-1011"

class="x-grid-cell x-grid-cell-enddatecolumn-1014"

创建一个这样的javascript

document.getElementsByClassName("x-grid-cell x-grid-cell-enddatecolumn-1014")

访问它们，然后您可以获得它们的开始和结束日期