js如何取每个框的时间值然后加在一起显示在请假天数中

[qq_38490316]

问题如图所示，我要做一个短期和长期的时间取值，长期的范围时间差已经做出来了，短期了只能取一天，不知道添加后时间如何写，取最多添加按钮五次，将所有框的值加在一起，该如何写？希望有具体代码哈，道理懂但是我不会写。第三张图是问题所在，希望有大神教教我！



<script type="text/javascript"> $(document).ready(function () { var spotMax = 30; if ($('span.spot').size() >= spotMax) { $(obj).hide(); } $("input#add").click(function () { addSpot(this, spotMax, $('span.spot').size()); }); }); function addSpot(obj, sm, size) { var i = size + 1; $('span#spots') .append( '<span class="spot" style="padding-top: 10px">' + '<input type="text" style="margin-right: 10px;height: 32px;text-align: center" placeholder="请选择日期" name="file' + i + '" id="input' + i + '" />' + '<select class="newdata" onchange="changes(this.value)" style="height: 32px;padding-bottom: 1px" name="selday' + i + '"><option value="1">全天</option>' + '<option value="0.5">上午</option>'+ '<option value="0.5">下午</option></select> ' + '<input type="button" style="margin-left: 5px;margin-right: 10px" class="remove" value="-" /></span>') .find("input.remove") .click(function () { $(this).parent().remove(); $('input#add').show(); }); laydate.render({ elem: '#input'+i //指定元素 }); if ($('span.spot').size() >= sm) { $(obj).hide(); } } ;</script><script>var newa=0; function c(temp) { if(temp==1) { document.getElementById("geren").style.display='none'; document.getElementById("qiye").style.display=''; $(".number").val(newa) } else { document.getElementById("geren").style.display=''; document.getElementById("qiye").style.display='none'; $(".number").val(1) } } function OnInput (event) { alert ("The new content: " + event.target.value); } function OnPropChanged (event) { if (event.propertyName.toLowerCase () == "value") { alert ("The new content: " + event.srcElement.value); } }</script>
这是我的代码js，不知道怎么能排好顺序，在WebStorm里面应该就自动可以整理了。js比较差

[renwuqiangg]

创建那些框的时候，加个特定的class,让后就可以根据class取到那些框了