前端JS必用工具【js-tool-big-box】学习，灵活的获取星期展示

我们在前端项目开发中，有的场景需要显示 “星期几”。有时候不光显示今天星期几，还需要显示某个特定时间是星期几，又或者呢，只是显示那个 “几” ，而不显示 “星期” 两个字。这些场景都是有的。

现在 js-tool-big-box 里添加了这个公共方法，可以灵活的获取。

目录

1 安装js-tool-big-box工具库

2 使用方法

2.1 获取今天星期几

2.2 获取特定时间的星期展示

2.3 无“星期”两个字的显示

3  方法总结

---

1 安装js-tool-big-box工具库

执行安装命令：

npm install js-tool-big-box

项目引入 timeBox 对象 

import { timeBox } from 'js-tool-big-box';

2 使用方法

2.1 获取今天星期几

比如你的业务需求，需要展示今天星期几，你可以这样来做（我们以Vue项目举例）：

const time3WeekResult = timeBox.getWeekShow(null, '今天星期');

console.log('今天的星期展示：', time3WeekResult);

展示结果：

2.2 获取特定时间的星期展示

const time = 1722565316123;
const time1 = "2024-08-18";
const timeWeekResult = timeBox.getWeekShow(time, '星期');
const time1WeekResult = timeBox.getWeekShow(time1, '星期');

console.log('星期的显示：', timeWeekResult);
console.log('星期的显示：', time1WeekResult);

展示结果：

2.3 无“星期”两个字的显示

当然，你还可以直接获取那个 “几”，不需要显示“星期” 或者 其他前缀字，示例代码如下：

const time = 1722565316123;
const time1 = "2024-08-18";
const timeWeekResult = timeBox.getWeekShow(time,);
const time1WeekResult = timeBox.getWeekShow(time1);

console.log('无星期的显示：', timeWeekResult);
console.log('无星期的显示：', time1WeekResult);

展示结果：

3  方法总结

方法名	返回值	入参
getWeekShow	第二个入参 + 星期几的中文展示	第一个参数必填，如果是今天，就可以传入非true的值；如果不是今天，需要传入特定的时间格式，如上面的代码展示； 第二个参数非必填，如果不传入，表示只返回“几”，如果加上，将作为前缀，如上面代码示例那样。