uniapp选择只选择月份demo效果(整理)

简介: uniapp选择只选择月份demo效果(整理)


<template>
  <view style="margin-top: 200rpx;">
    <!-- mode="multiSelector" 多列选择器 -->
    <view>
      <picker :range="years" :value="echoVal" @change="yearChange" mode="multiSelector">
        {{ years[0][yearsIndex1] }}
      </picker>
    </view>
  </view>
  </view>
</template>
<script>
  export default {
    data() {
      return {
        years: [],
        yearsIndex1: 0,
        echoVal: [], //当前日期回显
      }
    },
    // 页面加载
    onLoad(e) {
      var date = new Date();
      var year = date.getFullYear(); //获取完整的年份(4位)
      var month = date.getMonth() + 1; //获取当前月份(0-11,0代表1月)
      var nowDay = date.getDate(); //获取当前日(1-31)
      var d = new Date(year, month, 0);
      var day = d.getDate(); //获取一个月多少天
      console.log(month, date.getDate());
      this.yearsIndex1 = month - 1;
      var arr = ['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12'];
      this.years.push(arr);
      this.echoVal.push(month - 1);
    },
    methods: {
      yearChange: function(e) {
        console.log(e)
        //获得对象的 detail的 value
        //通过数组的下标改变显示在页面的值
        this.yearsIndex1 = e.detail.value[0];
      }
    }
  }
</script>
<style>
</style>
相关文章
uniapp-picker选择省市区效果demo(整理)
uniapp-picker选择省市区效果demo(整理)
uniapp input框监听回车搜索事件效果demo(整理)
uniapp input框监听回车搜索事件效果demo(整理)
uniapp小程序单页面改变手机电量,头部通知的颜色效果demo(整理)
uniapp小程序单页面改变手机电量,头部通知的颜色效果demo(整理)
uniapp授权小程序隐私弹窗效果demo(整理)
uniapp授权小程序隐私弹窗效果demo(整理)
uniapp小程序跳转其他小程序uni.navigateToMiniProgram效果demo(整理)
uniapp小程序跳转其他小程序uni.navigateToMiniProgram效果demo(整理)
uniapp手机号授权登录-现在只能通过手机号授权登录,后台来获取用户信息了效果demo(整理)
uniapp手机号授权登录-现在只能通过手机号授权登录,后台来获取用户信息了效果demo(整理)