当前位置: 首页 > news >正文

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>

在这里插入图片描述

http://www.lryc.cn/news/131968.html

相关文章:

  • 微信ipad协议8.0.40 加好友功能
  • 如何通过本地搭建wamp服务器并实现无公网IP远程访问
  • matlab使用教程(19)—曲线拟合与一元方程求根
  • 【Go 基础篇】Go语言关键字和预定义标识符解析:探索编程的基石与核心要素
  • 微服务与Nacos概述-6
  • 不是说嵌入式是风口吗,那为什么工作还那么难找?
  • 【二叉树】114. 二叉树展开为链表
  • docker的安装与基础使用
  • python+django+mysql高校校园外卖点餐系统--计算机毕设项目
  • 获取excel中的图片(包含wps中嵌入单元格图片)
  • Git命令详解
  • 【STM32RT-Thread零基础入门】 4. 线程介绍(理论)
  • css学习3(三种样式表与样式控制优先级)
  • 【JS深层解析】内存
  • 第二章:25+ Python 数据操作教程(第十四节NUMPY 教程与练习)
  • Pycharm与Anaconda Python的开发环境搭建
  • 2.创建小程序
  • XenDesktop5.6如何连接数据库
  • OAuth2.0一 Spring Security OAuth2.0
  • 【linux】kernel编译时相关报错
  • C语言 功能型API --------------------strcat()
  • 企业展示小程序搭建指南
  • 大模型技术实践(一)|ChatGLM2-6B基于UCloud UK8S的创新应用
  • Flink状态和状态管理
  • 【3Ds Max】布料命令的简单使用
  • 用 VB.net,VBA 两种方式 读取单元格内的 换行数据,并出力到 CSV文件
  • kafka线上问题优化
  • FifthOne:用于矢量搜索的计算机视觉接口
  • 认识Axios
  • 系统架构设计专业技能 · 信息安全技术