bootstrap两端对齐链接实现上一页下一页翻页

简介: bootstrap两端对齐链接实现上一页下一页翻页

效果:

a26.1.jpg


bootstrap两端对齐代码

<ul class="pager">
    <li class="previous"><a href="#"><span aria-hidden="true">&larr;</span> 上一页</a></li>
    <li class="next"><a href="#">下一页 <span aria-hidden="true">&rarr;</span></a></li>
  </ul>

js实现根据条件按钮不可用

此处判断时间,如果还没到就显示灰色不可用


// {{ next_date }}是django后台传过来的时间变量,如: 2018-06-30
var next_date = Date.parse("{{ next_date }}" + ' GMT +8');  //解析成时间
var date = new Date();  //当前时间
var now = Date.parse(date);  // 当前时间转为时间戳
var delta = next_date - now;  //作比较
// 如果delta > 0: 时间比今天超前
// 如果delta < 0: 时间比今天靠后
if(delta > 0){
     next.attr("href", 'javascript:void(0)'); //设置<a>标签不可用
     $(".next").addClass('disabled');   // 设置 li样式不可用
 }

参考:

https://v3.bootcss.com/components/#%E5%AF%B9%E9%BD%90%E9%93%BE%E6%8E%A5

相关文章
|
数据挖掘 计算机视觉 Python
学生考试数据分析
学生考试数据分析
276 1
|
应用服务中间件 Linux nginx
【Linux环境】centOS 7安装nginx详细步骤及nginx配置
【Linux环境】centOS 7安装nginx详细步骤及nginx配置
3181 0
|
8月前
|
数据采集 缓存 NoSQL
布隆过滤器原理和使用场景
布隆过滤器(Bloom Filter)是一种高效的空间节省型数据结构,用于判断元素是否存在于集合中。它通过多个哈希函数将元素映射到位数组,查询时检查对应位是否全为1。优点是空间效率高,缺点是有一定误判率。典型应用场景包括缓存穿透防护、垃圾邮件过滤、黑名单管理及去重等。Java实现中使用BitSet和自定义哈希函数,而Guava和Redis也提供了布隆过滤器的实现。
327 0
|
消息中间件 Cloud Native Serverless
RocketMQ 事件驱动:云时代的事件驱动的不同
本文深入探讨了云时代 EDA 的新内涵及它在云时代再次流行的主要驱动力,包括技术驱动力和商业驱动力,随后重点介绍了 RocketMQ 5.0 推出的子产品 EventBridge,并通过几个云时代事件驱动的典型案例,进一步叙述了云时代事件驱动的常见场景和最佳实践。
247916 131
RocketMQ 事件驱动:云时代的事件驱动的不同
|
存储 算法 安全
浅谈SHA算法
浅谈SHA算法
281 0
|
XML JSON Java
老程序员分享:JAVA对象转换JSON
老程序员分享:JAVA对象转换JSON
1123 0
|
消息中间件 SQL 关系型数据库
go-zero微服务实战系列(十、分布式事务如何实现)
go-zero微服务实战系列(十、分布式事务如何实现)
|
Java 关系型数据库 数据库连接
MyBatis-Plus全套笔记一
MyBatis-Plus全套笔记一
399 1
|
资源调度 运维 监控
带你读《2022龙蜥社区全景白皮书》——6.1.3 资源混部场景的内核隔离实现方案(下)
带你读《2022龙蜥社区全景白皮书》——6.1.3 资源混部场景的内核隔离实现方案(下)
531 109
|
弹性计算 Linux
(已解决) centos6.5 yum源 失效 The whole CentOS 6 is dead and shouldn’t be used anywhere at all
(已解决) centos6.5 yum源 失效 The whole CentOS 6 is dead and shouldn’t be used anywhere at all
562 0