無法AddClass到HTML表單的jQuery

Question

我無法添加類（日期範圍日期範圍內聯）形成元素DATE_RANGE當用戶點擊添加一行按鈕，我不知道我可以做錯誤。該類在頁面加載時添加到日期字段中，但在用戶單擊時不起作用添加一行按鈕時，它只顯示普通文本框。我也嘗試直接在沒有Jquery方法的窗體中插入類，但仍然失敗。

的Html

<div id="student_entry"> 
    <div class="row"> 

     <div class="col-md-offset-1 col-md-2"> 
      <div class="form-group"> 
       <label class="control-label" 
         style="margin-bottom: 5px;"><?php echo get_phrase('week'); ?></label> 
       <input type="number" min="1" max="15" class="form-control" 
         name="week[]" value="<?php echo $row1['week']; ?>" data-validate="required" 
         data-message-required="<?php echo get_phrase('value_required'); ?>" 
         required/> 
       <div class="error"></div> 
      </div> 
     </div> 
<!-- DATE RANGE PICKER --> 
     <div class="col-md-3"> 
      <div class="form-group"> 
       <label class="control-label" 
         style="margin-bottom: 5px;"><?php echo get_phrase('date'); ?></label> 
       <input type="text" required name="date[]" 
         class="form-control date_range" 
         data-format="MMMM D, YYYY" 
         value="<?php echo $row1['date']; ?>"> 

      </div> 
     </div> 


     <div class="col-md-3"> 
      <div class="form-group"> 
       <label class="control-label" 
         style="margin-bottom: 5px;"><?php echo get_phrase('activities'); ?></label> 
       <textarea class="form-control autogrow" required name="activities[]" 
          id="field-ta" 
          placeholder="<?php echo get_phrase('activities'); ?>"><?php echo $row1['activity']; ?></textarea> 

      </div> 
     </div> 

    </div> 
</div> 
<div id="student_entry_append"></div> 
<!-- add a row when User click button --> 

    <br> 
    <div class="row"> 
     <div style="text-align: center;"> 
      <button type="button" class="btn btn-default" 
        onclick="append_student_entry()"> 
       <i class="entypo-plus"></i> <?php echo get_phrase('add_a_row'); ?> 
      </button> 
     </div> 
    </div> 

的Javascript

var blank_student_entry =''; 
$(document).ready(function() { 
    blank_student_entry = $('#student_entry').html(); 
    $(".date_range").addClass("daterange daterange-inline");  
}); 

function append_student_entry() 
{ 
    $("#student_entry_append").append(blank_student_entry); 
} 

function deleteParentElement(n) { 
     n.parentNode.parentNode.parentNode.parentNode.removeChild(n.parentNode.parentNode.parentNode); 
    } 
</script> 

Answer 1

在添加類，你需要觸發的日期元素上的選擇器，所以你的函數應該看起來像這樣：

function append_student_entry() 
{ 
    $("#student_entry_append").append 
(blank_student_entry); 
$('input.date_range').daterangepicker(); 
} 

這將觸發對帶班的date_range

Answer 2

難道你不只是修改你append_student_entry功能來做到這一點：

function append_student_entry() 
{ 
    $("#student_entry_append").append(blank_student_entry); 
    $(".date_range").addClass("daterange daterange-inline"); 
}