微信小程序原生加vant改变日历组件开始和结束的默认文案

最新推荐文章于 2024-06-24 14:33:20 发布

前端记事本

最新推荐文章于 2024-06-24 14:33:20 发布

阅读量569

点赞数

分类专栏：写个小功能文章标签：前端

本文链接：https://blog.csdn.net/gaoyu007/article/details/127743721

版权

写个小功能专栏收录该内容

11 篇文章 0 订阅

订阅专栏

在这里插入图片描述

<view class="item-column">
            <text class="label">入离店时间</text>
            <text class="value">{{item.checkInDate}} 至 {{item.checkOutDate}}</text>
            <van-icon name="edit" class="tips" data-item="{{item}}" bindtap="onEdit" wx:if="{{item.odrStatus == 1 || item.odrStatus == 3}}" />
            <van-calendar color="#016EEA" show="{{orderShow}}" type="range" bind:confirm="handlerEdit" bind:close="onOrderDate" default-date="{{orderDate}}" formatter="{{formatter}}" />
</view>
 //formatter="{{formatter}}"这个是关键

Page({
  data: {
  //一定要放到data里这是关键
    formatter(day) {
      if (day.type === 'start') {
        day.bottomInfo = '入住';
      } else if (day.type === 'end') {
        day.bottomInfo = '离店';
      }
      return day;
    },
  }