vue 获取当前周几的方式

最新推荐文章于 2024-08-15 19:41:48 发布
最新推荐文章于 2024-08-15 19:41:48 发布
阅读量2.4k 收藏
点赞数 1
文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lfl18326162160/article/details/131890389
版权
该文章介绍了如何使用JavaScript获取当前日期并确定是星期几。通过`Date`对象获取天数，结合预定义的星期数组，可以得到具体的星期几。同时，文章展示了如何获取当前时间并结合星期的中文表示，形成完整的时间字符串。
摘要由CSDN通过智能技术生成

1.date获取法

 let days = ["周日", "周一", "周二", "周三", "周四", "周五", "周六"];

        let today = new Date();

        let weekday = today.getDay();

        this.weekDay = days[weekday];


2.时间获取法
this.time = new Date().toLocaleString() + ' 周' + '日一二三四五六'.charAt(new Date().getDay())

lfl18326162160
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
获取动态时间
m0_50884068的博客
08-25 244
上代码 <template> <div> <div>{{nowDate}}{{nowWeek}}{{nowTime}}</div> </div> </template> <script> export default { data() { return { nowWeek: "", nowDate: "", nowTime: "", } },
vue获取当前一周日期
weixin_51265675的博客
10-31 5669
日常开发笔记，此次记录了获取本周日期并排序，思路从模糊到清晰，虽然逻辑实现，但是我认为应该有更好的方法，如果有可以私信我
Vue 中根据当前的日期 显示当前是周几
灰海
12-02 609
Vue 中根据当前的日期 显示当前是周几
(vue)vue项目获取日期 时间 星期
nyf_unknow的博客
07-24 668
1.通过 created 钩子函数在组件创建时调用 getCurrentDateTime 和 getCurrentWeekday 方法，并将获取到的日期、时间和星期保存在数据属性中。通过这样的设置，秒数将不会被包含在生成的时间字符串中。getCurrentWeekday 方法使用 getDay 方法获取当前日期对应的星期的索引，然后通过索引获取对应的星期文本。2.然后在该空数组中传递了一个选项对象 { hour: ‘2-digit’, minute: ‘2-digit’ }。
时间戳转换成年月日的形式
qq_38847914的博客
09-02 3294
timeFormate(timeStamp) { let year = new Date(timeStamp).getFullYear(); let month =new Date(timeStamp).getMonth() + 1 < 10? "0" + (new Date(timeStamp).getMon...
vue获取当前时间.zip
11-22
vue获取当前时间vue获取当前时间.zipvue获取当前时间.zipvue获取当前时间.zipvue获取当前时间.zipvue获取当前时间.zipvue获取当前时间.zipvue获取当前时间.zipvue获取当前时间.zipvue获取当前时间.zipvue获取当前...
vue获取当前点击的元素并传值的实例
08-27
在Vue.js中，获取当前点击的元素以及向其传递值是常见的需求，特别是在构建交互式用户界面时。本文将详细讲解如何在Vue中实现这一功能，并提供一个具体的实例。 首先，我们要了解Vue中的事件处理机制。Vue使用的是...
vue获取当前激活路由的方法
08-27
"Vue 获取当前激活路由的方法" Vue.js 中获取当前激活路由的方法是非常重要的一项技术，今天我们将详细介绍如何获取当前激活路由的方法。 首先，我们需要了解什么是 Route 对象。在 Vue.js 中，Route 对象是指当前...
vue中怎么获取当前日期
12-06
在Vue.js中获取当前日期是一项常见的任务，尤其在开发涉及日期和时间的Web应用程序时。Vue.js自身并不提供专门的方法来获取当前日期，但可以通过JavaScript的内置Date对象来实现。以下是一个详细的步骤和示例，教你...
vue获取当前IP所在地天气.docx
11-23
在本文中，我们将探讨如何在Vue.js项目中实现根据用户IP地址获取当前位置的天气信息。首先，我们需要获取用户的IP地址并将其转换为所在城市，然后利用该城市信息调用天气API以获取实时天气数据。 1. 定位IP地址所在...
VUE 输入’周数‘获取周所在日期范围
贺吱吱的博客
03-14 349
2、 // 获取当前年份第一天是星期几，如果是周日则为7。4、// 1 + adjustedDay 第一周是几号。1、// 获取当前年份的第一天。5、//日期的第一天、最后一天。3、// 计算需要加几天。
vue中获取当前日期 , 获取当前日期所在周的日期 , 获取所选日期所在周的日期
weixin_49577940的博客
12-21 4140
一, 获取当前日期 //template中调用这个方法 日报 ( {{getDate()}} ) //获取当前日期的方法 getDate() { var time = new Date() console.log(time); var y = time.getFullYear() //年 var m = (time.getMonth() + 1).toString().padStart(2, '0') //月 var d
vue 日期判断_Vue获取当下日期时间及周几
weixin_35767900的博客
01-30 1692
{{nowWeek}}{{nowDate}}{{nowTime}}scriptdata () {return {timer: null,nowWeek: ‘‘,nowDate: ‘‘,nowTime: ‘‘}}mountedmounted () {this.timer = setInterval(() => {this.setNowTimes()}, 1000)}methodssetNowT...
在vue.js里面写一个公用的获取当前日期时间周数的方法
cuishao
04-19 4831
1.写在common.js里面 /** * description: 获取当前日期，时间，周数 * create_time: 2019-4-19 * function: getDate，getTime，getWeek */ class DateTime { // 构造方法 constructor() { // 列举Week this.weekday = ['星期日', '...
VUE获取当前日期的周一和周天
weixin_46382390的博客
11-27 1648
weekCheckingIn(){ this.weekChecking_inloading = true var now = new Date(); var nowTime = now.getTime() ; var day = now.getDay()|| 7;// 不加 || 7.周末会变成下周一 var oneDayTime = 24*60*60*1000 ; var MondayTime = nowTim
Vue动态获取时间
Z1366566161664的博客
08-07 556
具体代码：首先这个是基于vue来实现的，那么你自己先创建一个vue的项目就行。好了，到这里就已经完成了，是不是很简单，喜欢的贴纸留个爱心把~第三步我们写mouthed这个，也就是页面已加载就能显示的。这个其实很简单，以后拿过来就能直接用：下面是展示的内容。第四步我们写methods里面的方法数据。最后一步我们写style这个样式的数据。第二步我们写data里面的数据。第一步，我们先定义一个div。
VUE中获取当前的日期 星期 时间
heqiulong的博客
05-19 1403
VUE中获取当前的日期 星期 时间
vue获取年月日 星期 时间
weixin_43588942的博客
11-19 7561
// 获取当前时间函数 timeFormate(timeStamp) { let year = new Date(timeStamp).getFullYear(); let month =new Date(timeStamp).getMonth() + 1 &lt; 10? “0” + (new Date(timeStamp).getMonth() + 1): new Dat...
详细介绍 Vue3 的 watch 和 watchEffect
最新发布
weixin_52648900的博客
08-15 645
非常详细介绍了vue3的watch和watchEffect区别和联系
vue 判断数据类型
09-07
在Vue中，判断数据类型可以使用typeof操作符或instanceof操作符。使用typeof操作符可以判断基本数据类型，例如number、boolean、string、function、object和undefined。但是它不能准确判断null和array的类型。例如，typeof null的结果是'object'，typeof array的结果也是'object'。对于判断对象类型，可以使用instanceof操作符。例如，判断一个变量是否是Vue组件，可以使用变量名 instanceof Vue。这种方式可以准确判断对象的类型。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [Vue前端面试题总结（二） 数据类型判断详解](https://blog.csdn.net/Rick_and_mode/article/details/108600279)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* [前端 vue js判断数据类型常用的方法 [typeof,instanceof,prototype,constructor,jquery.type(), ===]](https://blog.csdn.net/weixin_44972441/article/details/122347004)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值