簡體   English   中英

如何使用jQuery JavaScript獲取顯示表中指定月份的天數?

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM