javascript - 在工具提示的“标题属性”中显示“今天日期” – Bootstrap
问题描述
我用JS调用今天的日期
<script>
var months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
var n = new Date();
var y = n.getFullYear();
var m = n.getMonth();
var d = n.getDate();
document.getElementById("today").innerHTML = d + " " + months[m] + " " + y;
</script>
现在我试图在工具提示中使用这个字符串作为标题属性(引导程序)。
<span class="font-size-1" data-toggle="tooltip" data-html="true" title="here should go the string TODAY">Today</span>
它只是行不通。有谁看到这个问题吗?如何在标题中添加 id="today" 或基本上显示在工具提示中?
PS。如果我将它嵌套在 P 中,日期会显示得很好(所以 JS 很好):
<p id="today"></p>
解决方案
所以你想在跨度的工具提示上显示日期,对吧?只需将标题设置为today
并给跨度一个id
. 这对你有用吗?
var months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
var n = new Date();
var y = n.getFullYear();
var m = n.getMonth();
var d = n.getDate();
document.getElementById("today").title = d + " " + months[m] + " " + y;
<span class="font-size-1" data-toggle="tooltip" data-html="true" id="today">Today</span>
推荐阅读
- python - python如何通过右键单击Windows访问文件
- mysql - MySQL 多个 JOINS 在同一个单元格上
- css - 为什么使用 Bootstrap 4 在顶行和导航栏之间有一个空格?
- javascript - 如何将 React Hooks 与 video.js 一起使用?
- objective-c - Clang 将 #import 语句误解为文件,而不是框架
- python - 如何在文本字段中创建有效的 HTML 标签
- javafx - JavaFX中时间轴的场景更改问题
- javascript - 为什么我的 JavaScript 代码算术方程出现 NaN 错误
- javascript - 父子组件之间的 2 路事件绑定不起作用
- c++ - 在头文件和 cpp 文件中都包含一个库