0

我在拖动时隙单元时选择时隙。选择时间段后，我在文本框中输入患者姓名，然后单击选择按钮，然后患者姓名进入选定的时间段。用户可以为多个患者姓名选择多个时间段，然后单击分配按钮我必须将患者姓名与时间段（从时间到时间）插入数据库。

我在获得分配的时间段时遇到问题，即 jquery 中的从时间和到时间。

$("#btnAllot").click(function () {
    //how i get alloted time here.
    $('tr').each(function () {
        $(this).find('td').each(function () {
            if ($(this).hasClass('yell')) {
                alert($(this).closest('tr').find('td:eq(0)').text());

            };
        });
    });
}

请参阅 jsbin 上拖动时隙单元格

4

1 回答 1

3

好的，这是一种方法：

您遍历第三个单元格具有rowspan属性的每一行。这表示新约会的开始。您可以通过检查兄弟姐妹（有点）来获取开始时间，并通过获取rowspan - 1元素行来获取结束时间。

可能有更好的方法，但这可能会给你一个开始。

例如：

var find_closest_hour = function($row) {
    var $cell = $row.children('td:first-child'),
        hour = "";
    // probably add something here
    while($cell.length && !(hour = $.trim($cell.text()))) {
        $cell = $cell.parent().prev().children('td:first-child');
    }
    return hour;
};

var $all_tds = $('#tableAppointment tr td:nth-child(3)'),
    $tds = $all_tds.filter('[rowspan]'); 

// will contain a list of objects [{patient: name, start: time, end: time},...]
var appointments = $tds.map(function() {
    var $this = $(this),
        $row = $this.parent(),
        $cells =  $row.children('td'),
        patient = $.trim($this.text()),
        start = find_closest_hour($row).split(':', 1) + ":" + $.trim($cells.eq(1).text()),
        $end_row, end;

    if(this.rowspan == 1) {
        end = start;
    }
    else {
        $end_row = $all_tds.eq($all_tds.index(this) + this.rowSpan - 1).parent();
        end = find_closest_hour($end_row).split(':', 1) + ":" + $.trim($end_row.children('td').eq(1).text());
    }

    return {patient: patient, start: start, end: end};
}).get();

演示

我会让你弄清楚如何正确地格式化时间；）

注意：这在很大程度上取决于您当前的表结构，如果您更改它可能会中断。为了使事情更加灵活，您可以向包含重要信息的单元格添加类，例如hour向每个包含一天中的小时的第一个appointment_start单元格和约会的单元格添加类。然后你可以搜索/过滤这些。

于 2012-06-23T11:00:06.063 回答