使用javascript将时间转换成今天,昨天,前天等格
驾驭时间的艺术:将日期转化为今日、昨日或前日的格式
你是否曾经想过,如何通过编程的方式将日期轻松地转化为“今天”,“昨天”,“前天”这样的格式呢?实际上,使用JavaScript,这一切都变得非常简单。现在,让我为你揭示这个秘密。
你需要获取到特定的日期时间。通过JavaScript,你可以轻松地从HTML元素中获取日期。例如,假设你有一个元素,其ID为“share-time”,你可以从中获取日期信息。
接下来,我们将这个日期与当前日期进行比较,计算出它们之间的天数差异。如果差异在几天之内,我们可以进一步判断是“今天”,“昨天”,还是“前天”。这一过程需要利用JavaScript的Date对象以及一些简单的数学计算。
这里有一段示例代码,它实现了上述功能:
```javascript
function formatDate() {
var $time = document.getElementById("share-time");
var dateString = $timenerHTML.trim(); // 获取日期字符串
var tt = new Date(parseInt(dateString)); // 转换为Date对象
// 计算与当前时间的差异(天数)
var daysDifference = Math.abs((new Date().getTime() - tt.getTime()) / (1000 60 60 24));
var todayDate = new Date().getDate(); // 获取今天日期
var year = tt.getFullYear(); // 获取年份
var month = tt.getMonth() + 1; // 获取月份(注意:月份是从0开始计数的)
var day = tt.getDate(); // 获取日期对象中的日
var timeFormatted; // 用于存储格式化后的时间字符串
// 对小时和分钟进行格式化处理,确保它们都有两位数字(不足前面补零)
var hours = tt.getHours();
var minutes = tt.getMinutes();
timeFormatted = (hours < 10 ? "0" + hours : hours) + ":" + (minutes < 10 ? "0" + minutes : minutes);
// 判断是今天、昨天还是前天,并格式化日期字符串
if (daysDifference < 4 && Math.abs(todayDate - day) < 4) {
if (day === todayDate) { // 如果是今天
return "今天" + timeFormatted; // 返回格式化的时间字符串(带“今天”前缀)
} else if (day === todayDate - 1) { // 如果是昨天
return "昨天" + timeFormatted; // 返回格式化的时间字符串(带“昨天”前缀)
} else if (day === todayDate - 2) { // 如果是前天
return "前天" + timeFormatted; // 返回格式化的时间字符串(带“前天”前缀)并返回结果。否则返回完整的日期和时间字符串。这样,你就可以根据需求显示不同的日期格式了。最后调用这个函数,将结果展示在页面中。这个简单的技巧可以帮助你更好地管理和展示日期信息,使你的应用程序更加友好和易于理解。那么让我们来运行这个函数吧!这就是时间的魔力所在!希望你喜欢这个技巧!希望你喜欢这篇文章!如果你有任何疑问或建议,请随时与我联系。请务必继续关注我们的后续文章,我们将分享更多有趣的技术知识和实用技巧!这就是今天的全部内容了!请确保你已经渲染了你的网页元素再离开页面哦!这样你的页面才能正确显示时间格式化的结果。再见!期待你的反馈!
编程语言
- 使用javascript将时间转换成今天,昨天,前天等格
- js+css实现超简洁的二级下拉菜单效果代码
- jquery操作angularjs对象
- vue项目中公用footer组件底部位置的适配问题
- PHP和MySql中32位和64位的整形范围是多少
- JS实现兼容各种浏览器的高级拖动方法完整实例【
- PHP图像裁剪缩略裁切类源码及使用方法
- babel的使用及安装配置教程
- PHP实现清除wordpress里恶意代码
- PHP字符串中特殊符号的过滤方法介绍
- Asp.Net Mvc2 OA 工作流设计思路[图]
- 提高ASP页面执行效率的方法分析
- JavaScript中的substr()方法使用详解
- JSP输出HTML时产生的大量空格和换行的去除方法
- webpack 3.X学习之多页面打包的方法
- vscode如何安装汉化和Python智能感知