[英]How Get number days in a specified month using jQuery JavaScript for display table?
我有兩種形式。 第一種形式包含用於年和月的兩個文本字段,以及一個隱藏第一種形式並顯示第二種形式的按鈕。 sedond表單包含帶有復選框的數據表。 我想根據從第一種形式選擇的天數顯示表格的行。
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="form1">
<div class="form-group">
<label>year:</label>
<input type="text" id="year1" name="date" class="form-control">
</div>
<div class="form-group">
<label>month:</label>
<input type="text" id="month1" name="date" class="form-control">
</div>
<div class="form-group col-md-offset-5 ">
<button class="btn btn-success " id="hide">valider</button>
</div>
</div>
<!--form 2-->
<div id="form2">
<div class="form-group col-md-offset-5 ">
<button class="btn btn-success add-all" type="submit" >Pointage men</button>
</div>
<h4>YEAR : <span id="year"></span></h4>
<h4>MONTH : <span id="month"></span></h4>
<table class="table table-bordered" id="mytable">
<tr>
<th><input type="checkbox" id="check_all"></th>
<th>jour</th>
<th>THS</th>
</tr>
</table>
</div>
jQuery的
$(document).ready(function() {
$('#check_all').on('click', function(e) {
if ($(this).is(':checked', true)) {
$(".checkbox").prop('checked', true);
} else {
$(".checkbox").prop('checked', false);
}
});
$('.checkbox').on('click', function() {
if ($('.checkbox:checked').length == $('.checkbox').length) {
$('#check_all').prop('checked', true);
} else {
$('#check_all').prop('checked', false);
}
});
$("#form2").hide();
var now = new Date();
var day = ("0" + now.getDate()).slice(-2);
var month = ("0" + (now.getMonth() + 1)).slice(-2);
var year = now.getFullYear() ;
$('#year1').val(year);
$('#month1').val(month);
});
$(document).ready(function(){
$("#hide").click(function(){
let year = $('#year1').val();
let month = $('#month1').val();
var selectedDay = selectedDate.getDate();
$('#year').html(year);
$('#month').html(month);
$("#form1").hide();
$("#form2").show();
for(i = 1; i < selectedDay+1; i++){
addTr(i);
}
});
});
function addTr(day){
let html = `<tr>
<td><input name=chk_"`+day+`" type="checkbox" class="checkbox"></td>
<td>`+day+`</td>
<td><input name=t_"`+day+`" type="text" class="form-control" value="2" /></td>
</tr>`;
$('#mytable').append(html);
}
您能否提供一個示例,以哪種方式顯示數據?
讓我們以第一個表格為例,如果您選擇2019年和7月,則應顯示的內容。
請詳細說明,這將有所幫助。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.