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
学生考试数据分析
学生考试数据分析
302 1
|
应用服务中间件 Linux nginx
【Linux环境】centOS 7安装nginx详细步骤及nginx配置
【Linux环境】centOS 7安装nginx详细步骤及nginx配置
3393 0
构建安全可靠的系统:第十一章到第十五章
构建安全可靠的系统:第十一章到第十五章
318 0
|
消息中间件 Cloud Native Serverless
RocketMQ 事件驱动:云时代的事件驱动的不同
本文深入探讨了云时代 EDA 的新内涵及它在云时代再次流行的主要驱动力,包括技术驱动力和商业驱动力,随后重点介绍了 RocketMQ 5.0 推出的子产品 EventBridge,并通过几个云时代事件驱动的典型案例,进一步叙述了云时代事件驱动的常见场景和最佳实践。
247971 119
RocketMQ 事件驱动:云时代的事件驱动的不同
|
算法 Swift 开发者
【Swift开发专栏】Swift开发者的进阶之路:从新手到专家
【4月更文挑战第30天】本文介绍了Swift开发者从基础到专家的成长路径,包括掌握语言基础如语法、数据结构、错误处理和内存管理;深入学习Apple框架如UIKit、Core Data和CloudKit;关注性能优化、架构设计及网络与安全编程;以及持续学习新技术,参与开源项目,建立专业网络。通过不断学习和实践,开发者可逐步成为Swift专家。
423 0
|
移动开发 监控 安全
HTML5 WebSocket详解
**WebSocket** 是一种协议,支持浏览器与服务器间的双向全双工通信。不同于传统的 HTTP 模式,WebSocket 建立持久连接,使服务器能主动向客户端推送数据。本文详细解析 WebSocket 的工作原理、优缺点及应用场景,并提供客户端和服务器端的代码示例。WebSocket 适合实时聊天、在线游戏、数据监控等场景,能显著提升用户体验和应用性能,但需注意其实现复杂性和安全性问题。
|
算法 API 数据中心
魔搭社区利用 NVIDIA TensorRT-LLM 加速开源大语言模型推理
魔搭社区于 2022 年 11 月初创建,首次在业界提出了 “模型即服务”( MaaS, Model as a Service)的理念。
|
资源调度 运维 监控
带你读《2022龙蜥社区全景白皮书》——6.1.3 资源混部场景的内核隔离实现方案(下)
带你读《2022龙蜥社区全景白皮书》——6.1.3 资源混部场景的内核隔离实现方案(下)
634 93
|
弹性计算 安全 应用服务中间件
ECS动手搭建Nginx
在ECS的centos7上搭建一个Nginx
2383 7
ECS动手搭建Nginx
|
Java 关系型数据库 数据库连接
MyBatis-Plus全套笔记一
MyBatis-Plus全套笔记一
432 1