JS，快应用，前后日期点击组件

最新推荐文章于 2022-07-06 15:53:41 发布

panpanpanqvq

最新推荐文章于 2022-07-06 15:53:41 发布

阅读量376

点赞数

分类专栏： JS 小程序 vue.js 文章标签：前端 javascript vue html5 css3

本文链接：https://blog.csdn.net/panpanpanqvq/article/details/124756979

版权

JS 快应用日期组件事件处理前端开发

关键词由CSDN通过智能技术生成

JS快应用左右日期点击组件：

<template>
  <div class="News-container">
    <div style="margin: 0 auto;">
      <image class="arrow" @click="reduce()" src="../img/zuo.png" style="margin-right: 10px;"></image>
      <text class="yangli_text">{
  {isDate}}</text>
      <image class="arrow" @click="plus()" src="../img/you.png" style="margin-left: 10px;"></image>
    </div>
  </div>
</template>

<style>
    .News-container {
      width: 100%;
      height: 100%;
      background-color: #fff;
    }
    .arrow {
      width: 40px;
      height: 40px;
      margin-top: 5px;
    }
    .yangli_text {
      text-align: center;
      font-size: 26px;
      color: #c30f22;
    }
</style>

<script>
    let date = new Date()
    let yea