Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/381.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用javascript根据动态表中每行的输入值添加天数_Javascript_Php_Codeigniter - Fatal编程技术网

如何使用javascript根据动态表中每行的输入值添加天数

如何使用javascript根据动态表中每行的输入值添加天数,javascript,php,codeigniter,Javascript,Php,Codeigniter,我的问题是,我必须根据文本框中为动态表的所有行提供的输入来添加天数。 我已经连续增加了2天,但是3,4天。。。显示第2行的值的行。 现在我想在第三行添加天数,然后继续 <script type="text/javascript"> $(function(){ $("body").on("focusout",function(){ var trLength=$('body #appendRows tr').length;

我的问题是,我必须根据文本框中为动态表的所有行提供的输入来添加天数。 我已经连续增加了2天,但是3,4天。。。显示第2行的值的行。 现在我想在第三行添加天数,然后继续

       <script type="text/javascript">
    $(function(){

        $("body").on("focusout",function(){

            var trLength=$('body #appendRows tr').length;
            for (var i = 1; i <trLength; i++) {
                $('#appendRows tr:nth-child(2)').remove();
            }


            var val  = $(".ND").val();
             var m  =  $("#follow_Date").val();



                    var j = $("#Amount").val();
                    var k = document.getElementById('txtDate').value;
                    var date = new Date(k);
                    var newdate = new Date(date);
                    newdate.setDate(newdate.getDate() +
                        parseInt(m));

                    var dd = newdate.getDate();
                    var mm = newdate.getMonth() + 1;
                var y = newdate.getFullYear();
                 var someFormattedDate = mm+ '/' + dd + '/' + y;

            var i=1;
            for(i==1;i<val;i++){
                var html = $("#appendRows tr:first-child").clone();
                html.find("input").val("");
                html.find('input[name^="Sno"]').val(i+1);
              html.find('input[name^="Date"]').val(someFormattedDate + parseInt(m));
                 html.find('input[name^="Amount"]').val(j);
                 console.log(date, i, someFormattedDate)
                $('#appendRows').append(html);
            }
        });
    })
</script>
    <label class="col-lg-1 control-label" id="pd">Due Start:</label>
                                <div class="col-lg-3">
                                    <div class="row">
                                    <div class="col-lg-4">
                                            <input type="text" class="form-control input-xs datepicker-dates Dues" placeholder="Due Start Date&hellip;" id="txtDate" name="TDDate" value="">
                                        </div>

                                    </div>
                                </div>

</div>

                        </div>
                        </fieldset>
                        <div class="col-md-2">
                            <div class="form-group">
                                <fieldset>
                                <label class="col-lg-1 control-label" id="pd">Mode:</label>
                                <div class="col-lg-3">
                                    <div class="row">
                                    <div class="col-lg-4">
                                            <input type="number" id="follow_Date" placeholder="Mode" name="TMode" class="form-control input-xs Mode">
                                        </div>

                                    </div>
                                </div>

</div>

$(函数(){
$(“body”)。在(“focusout”,function()上{
var trLength=$('body#appendRows tr')。长度;

对于(var i=1;i基于注释,在
模式
输入中输入数字时,使用
模式
输入中的
键控
事件添加行,只需在日期的第一次出现时加0天即可

函数添加(){
var val=$(“.Mode”).val();
var currentdate=document.getElementById('txtDate')。值;
currentdate=getDueDate(currentdate,0);
$(“#appendRows tr”).not(“.master row”).remove();//删除以前的行(重置表)
对于(变量i=0;i
.master行{
显示:无;
}

数据
桌子

根据注释,当您在
模式
输入中输入数字时,使用
模式
输入上的
键控
事件添加行,只需在第一次出现日期前加0天即可

函数添加(){
var val=$(“.Mode”).val();
var currentdate=document.getElementById('txtDate')。值;
currentdate=getDueDate(currentdate,0);
$(“#appendRows tr”).not(“.master row”).remove();//删除以前的行(重置表)
对于(变量i=0;i
.master行{
显示:无;
}

数据
桌子

已更新

$(函数(){
$('#txtDate,#follow_Date,.ND').keyup(函数(){
//清行
var trLength=$('body#appendRows tr')。长度;

对于(var i=1;i更新

$(函数(){
$('#txtDate,#follow_Date,.ND').keyup(函数(){
//清行
var trLength=$('body#appendRows tr')。长度;


对于(var i=1;i)您希望全年动态创建30行,对吗?无法理解这个问题,您可以在项目中添加html部分,以便我可以复制您的代码试试这个..date=date.getTime()+30*24*60*60*1000;var newDate=newDate(date);不,先生,是根据输入值创建的行(即,如果我在文本框中给出3,3行自动创建,现在这不是问题)我的问题是,请参阅我在“日期”列的第一行中附加的图片显示文本框值,它在第二行中添加30天,第三行和第四行中不添加30天…..现有值为displaying@line88我添加了第二张图片“到期开始”日期显示在第一行,第二行值加30,第3,4行不加30你想全年动态创建30行,对吗?无法理解这个问题,你能不能添加项目的html部分,这样我就可以复制你的代码试试这个..date=date.getTime()+30*24*60*60*1000;var newDate=new date(日期);不,先生,根据输入值创建的行(即,如果我在文本框中给出3行,3行自动创建,现在这不是问题)我的问题是,请参见我在“日期”第一行中所附的图片“列显示文本框值,并在第二行和第三行以及第四行中添加30天。未添加30天……现有值为。”displaying@line88我添加了第二张图片“到期开始”日期显示在第一行,第二行值加30,第3,4行值不加30下一行不能加日期第二行值显示很抱歉,我不明白你的意思,你是说有空值的行吗?第一行是数据输入,第二行是空的,因为它是你进行克隆的主行(可以始终隐藏主行)检查第二行代码段日期未添加相同的日期值显示2行日期列“按3添加”和第三行“按3添加”第二行日期,下一行无法添加日期第二行值显示很抱歉,我不明白您的意思,您是指具有空值的行吗?第一行是数据输入,第二行是空的,因为它是主行从您制作克隆的位置(您可以始终隐藏主行)检查第二个代码段日期未添加相同的日期值显示2行日期列按3添加,第三行按3添加第二行日期,谢谢@parndepu先生,但我已编辑了que
    <label class="col-lg-1 control-label" id="pd">Due Start:</label>
                                <div class="col-lg-3">
                                    <div class="row">
                                    <div class="col-lg-4">
                                            <input type="text" class="form-control input-xs datepicker-dates Dues" placeholder="Due Start Date&hellip;" id="txtDate" name="TDDate" value="">
                                        </div>

                                    </div>
                                </div>

</div>

                        </div>
                        </fieldset>
                        <div class="col-md-2">
                            <div class="form-group">
                                <fieldset>
                                <label class="col-lg-1 control-label" id="pd">Mode:</label>
                                <div class="col-lg-3">
                                    <div class="row">
                                    <div class="col-lg-4">
                                            <input type="number" id="follow_Date" placeholder="Mode" name="TMode" class="form-control input-xs Mode">
                                        </div>

                                    </div>
                                </div>

</div>