达到到期日期/时间后隐藏元素 jQuery jqExpire

  • 源码大小:8.54KB
  • 所需积分:1积分
  • 源码编号:19JP-3408
  • 浏览次数:372次
  • 最后更新:2023年06月10日
  • 所属栏目:其他
我要下载
加入收藏
本站默认解压密码:19jp.com 或 19jp_com

简介

jqExpire是一个很小的jQuery插件,它允许您在过期日期/时间后自动隐藏任何指定的元素。

有时你想在你的网站上显示只需要在特定时间显示的信息。一个例子可能是活动时间表或带有截止日期的通知。最好不要在假设访问者可能没有时间查看的情况下永久显示此类信息。

这个插件将使您能够管理时间敏感的内容,这些内容一旦过期就应该删除。这对于有即将到来/正在进行的事件通知或有截止时间的表格的页面很有用

如何使用它:

1.下载并加载jquery之后的jquery.jqExpire.js。

<script src="/path/to/cdn/jquery.slim.min.js"></script>
<script src="/path/to/jquery.jqExpire.js"></script>

2.在数据过期属性

<div data-expire="2022-12-25">
  <p>This element should be hidden after 2022-12-25.</p>
</div>

<div data-expire="2021-12-25">
  <p>This element should be hidden now.</p>
</div>

3.初始化插件并完成。

$(function(){
  $().jqExpire();
});

4.您也可以在初始化期间在JavaScript中指定到期日期。

<div id="example">
  <p>This element should be hidden after 2022-12-25.</p>
</div>
$(function(){
  $('#example').jqExpire('2022-12-25');
});

预览截图