vue 日历翻拍效果_Vue实现简单的日历效果_淋雪_前端开发者

这篇博客记录了在项目中使用Vue实现简单日历翻页效果的过程,包括判断闰年、绘制表格以及处理不同月份的天数。示例代码展示了如何在日历上标记特定日期的事件。
摘要由CSDN通过智能技术生成

最近在项目中遇到了一个需求,在

需求确认后,搭建了一下,在这里记录了一下,现在是简单的实现了这个需求,但是肯定的是后期需要进行修改。

原生

效果图(基本没有样式,很low)

现在实现的都是最初级的版本,代码里面的容错,还有一些性能上的处理,并没有书写。

不多说,上代码:

首先是

今天是 年月日

上个月

/

下个月

接下来是实现我们的这个需求的

export default {

data() {

return {

newDate: '',//当前的日期的信息

ynow: '',//当前的年数

mnow: '',//当前的月份

dnow: '',//当前的天数

firstDay: '',//第一天

firstnow: '',//当前的星期

m_days: [],//每个月的天数

tr_str: '',//行数

}

},

methods: {

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值