首页 > 代码库 > 日期插件的一个小特效实现

日期插件的一个小特效实现

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‘);
}
});

技术分享

  点击后

技术分享

 

 
 

日期插件的一个小特效实现