html代碼
<div class="Date_selection" style="display:none">
  <span class="label_name">開始日：</span><p class="laydate-icon" id="start" style="width:200px; margin-right:10px; height:30px; line-height:30px; float:left"></p>
  <span class="label_name">結束日：</span><p class="laydate-icon" 
 
id="end" style="width:200px;height:30px; line-height:30px; float:left"></p>
</div>



js代碼

$(‘#checkbox‘).on(‘click‘,function(){
   if($(‘input[name="checkbox"]‘).prop("checked")){
       $(‘.Date_selection ‘).css(‘display‘,‘block‘);
      }
   else{
      
       $(‘.Date_selection‘).css(‘display‘,‘none‘);
      }  
   });

 

　　點擊後

日期插件的一個小特效實現