表格包含天数和天数

时间:2017-10-06 13:08:24

标签: javascript jquery ajax

我正在尝试制作某种“时间表”,用户输入2个日期

image

并计算每月/每年,并显示在combobox

我想动态(无需刷新页面或任何内容)更新天数,并使用Day NumberDay Name(monday,etc..)填充表格

我设法计算了一个月内的天数但是如何在不重新加载页面的情况下显示我的表格?

也许我应该使用Ajax的JSON数组?但是我该怎么做呢?

的JavaScript

$(document).ready(function() {
$('#dates').change(function() {
    var splitDate = $('#dates').val().split("/");
    var month = splitDate[0];
    var year = splitDate[1];
    var days = daysInMonth(month,year);
    alert(days);
});

function daysInMonth(month,year) {
    return new Date(year, month, 0).getDate();
}

});

HTML

<div class="row" style="margin-top: 30px;">
            <div class="table-responsive">
                <table class="table">
                    <thead>
                    <tr>
                        <th class="text-center">#</th>
                        <th class="text-center">Day</th>
                        <th class="text-center">Number of Clients</th>
                        <th class="text-center"></th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr class="text-center">
                        <td></td>
                        <td></td>
                        <td><input name="amountOfClients[]" type="number"></td>
                        <td>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>

1 个答案:

答案 0 :(得分:0)

您想从表中删除所有当前行并插入新行吗?

如果是,则尝试以下步骤:

1)将id分配给tbody( tbodyid

2)在更改日期中调用函数(称为 new_data() )。

3)在该函数中首先删除所有当前行 $(“#tbodyid”)。empty();

4)使用循环并为要添加到变量

中的表创建

(取决于您的数据使用循环或单独添加每一行)

private static string ByteArrayToString(byte[] ba)
{
    StringBuilder hex = new StringBuilder(ba.Length * 2);
    foreach (byte b in ba)
        hex.AppendFormat("{0:x2}", b);
    return hex.ToString();
}

5)通过

将新行添加到tbody id 。

<强> $( “#tbodyid”)附加(new_rows);