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

2023-10-27

在这里插入图片描述

<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>

在这里插入图片描述

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

uniapp选择只选择月份demo效果(整理) 的相关文章

  • Kubernetes 证书详解

    K8S 证书介绍 在 Kube apiserver 中提供了很多认证方式 其中最常用的就是 TLS 认证 当然也有 BootstrapToken BasicAuth 认证等 只要有一个认证通过 那么 Kube apiserver 即认为认证
  • PHP自学过程之 运算符与流程控制

    一 PHP的运算符 PHP中有丰富的运算符集 它们中大部分直接来自于C语言 按照不同功能区分 运算符可以分为 算术运算符 字符串运算符 赋值运算符 位运算符 条件运算符 以及逻辑运算符等 当各种运算符在同一个表达式中时 它们的运算是有一定的
  • 算法分析与设计——LeetCode Problem.547 Friend Circles

    问题详情 There are N students in a class Some of them are friends while some are not Their friendship is transitive in natur
  • vue 手动挂载html,vue中的.$mount('#app')手动挂载操作--龙方网络

    在Vue构造函数时 需要配置一个el属性 如果没有没有el属性时 可以使用 mount app 进行挂载 配置了el属性 new Vue el app router 如果没有配置el属性 可以使用手动挂载 mount app new Vue
  • 泊松过程、伽马分布、贝塔分布及狄利克雷分布

    泊松过程 伽马分布 贝塔分布及狄利克雷分布 1 泊松过程 1 1Poisson过程的定义 1 2Poisson过程的应用 2 伽马分布 2 1伽马分布的定义 2 2伽马分布的性质 2 3伽马分布与其他分布的关系 3 贝塔分布 3 1贝塔分布
  • 机器学习十大算法之CART

    一 概述 CART Classification And Regression Tree 即分类回归树算法 它是决策树的一种实现 通常决策树主要有三种实现 分别是ID3算法 CART算法和C4 5算法 CART算法是一种二分递归分割技术 把
  • python线性拟合、不确定性

    1 线性回归 可以直接调用sklearn中的linear model模块进行线性回归 import numpy as np from sklearn linear model import LinearRegression model Li
  • CTP使用

    1 CTP介绍 1 1 CTP简介 综合交易平台CTP Comprehensive Transaction Platform 是由上海期货信息技术有限公司 上海期货交易所的全资子公司 开发的期货交易平台 CTP平台以 新一代交易所系统 的核
  • 温故知新:深入理解Android插件化技术

    现在普通人一听 宿主 第一想到的就是欧美电影里的恐怖画面 甚至感觉瘆得慌 但是在移动开发领域 我们经常会提及的 宿主 却有完全不一样的意义 那就是支持插件的app主体 从2012年插件化概念被提出 到2016年的时候 插件化技术百家争鸣 被
  • RabbitMQ-生产者、消费者简单实现

    QueueingConsumer实现 maven依赖
  • flutter 用 webview_flutter 与 h5 交互

    这里是本地 h5 页面 需要在 pubspec yaml 里添加资源 div style margin top 80px span Flutter发送过来的消息是 span div div div
  • Python五大主要用途+零基础基础入门全攻略

    Python可以做什么 Python的热度毋庸置疑 现在国内 不仅考国家二级计算机证需要学习Python 它甚至出现在了小学生的教材里 那么高度如此高涨的Python 都可以用来做什么呢 目前来说 Python有五大主要用途以及多类其他用途

随机推荐

  • 做不完的事情...

    小赵 化名 最近遇上了难题 他理解不了事务的概念 早晨上班 在公共汽车上也一直思考这个问题 300路上班时间很挤 这时一个衣着前卫 凹凸有致的妙龄女子被挤到了小赵的身前 小赵无可抗拒地停止了对专业问题的思考 而被紧紧靠在身上的这团香艳弄得血
  • Android Studio中启动模拟器时提示HAXM错误的解决方法

    Android Studio中启动模拟器时 会提示HAXM错误 如图1所示 图1 提示HAXM错误 以上错误的提示信息是需要在BIOS中打开 VT x 设置 但是打开该设置后 依然会显示该错误信息 相关链接1 VT x 其中 VT是Virt
  • jenkins下载插件下载不了,解决办法

    虚拟机运行下载更新jenkins插件失败 jenkins安装更新插件失败 java io IOException Server returned HTTP response code 503 for URL https get jenkin
  • 完全用Linux工作之三(GUI vs. CLI)

    原文地址 http www chinaunix net jh 4 16102 html GUI vs CLI 做一个坚定不移的 两面派 大家看到这个标题是不是热血沸腾 两派大虾都可以围攻我了 GUI派用户 哇 我一看你这小子就是 CLI 的
  • WARNING: REMOTE HOST IDENTIFICATION HAS CHANGED

    git pull代码出现下面提示 WARNING REMOTE HOST IDENTIFICATION HAS CHANGED IT IS POSSIBLE THAT SOMEONE IS DOING SOMETHING NASTY Som
  • 求最大公倍数三大通解

    1 常规求解法 求5 7的最小公倍数 define CRT SECURE NO WARNINGS 1 include
  • 物联网开发笔记(31)- 使用Micropython开发ESP32开发板之手机扫二维码远程控制开关灯(1)

    一 目的 我们分3节讲述远程控制 这一节在我们的240x240的oled屏幕上显示二维码 然后用手机扫二维码 从开发板的TCP服务器上返回字符串 二 环境 ESP32 240x240的oled彩色屏幕 Thonny IDE 几根杜邦线 接线
  • MySQL安装的第三步出现红叉解决方法

    MySQL未删干净 导致第三步服务启用失败 1 先停止原先的MySQL服务 在桌面上找到此电脑 右击选择管理 找到服务 输入法切换至英文 按m 可快速切换到以m开头的服务 找到MySQL服务 右键停止 2 删除服务 右击左下角的开始图标 找
  • java随笔:类与对象1

    1 好久不见 隔了几个月没有更新csdn了 主要是觉得自己的水平实在不怎么样 最后找到了原因 基础不扎实 由于近一段时间学的是android开发 android开发是一门基于java之上的技术 kotlin选手求轻喷 所以最近一段时间也一直
  • 网盘搜索引擎汇总——快速搜索你想要的资料

    1 网盘搜索引擎 http so baiduyun me 备注 提供百度谷歌双索 几乎包含所有的网盘 默认搜索百度网盘 如果百度网盘搜不到 各位可以选择其他网盘再进行搜索 2 找文件 http www zhaofile com 备注 搜索的
  • ElasticSearch部署架构和容量规划

    一 前言 前面介绍了ElasticSearch原理和使用相关的内容 在生产环境如何比较科学的进行容量规划 部署 调优 排查问题呢 业界和官方也对相关的问题进行总结 我这边也结合自己的经验对这些使用ElasticSearch经常遇到的问题进行
  • 音视频开发学习笔记(一)

    开发概述 分辨率和像素的关系 DPI Dot Per Inch 表示打印分辨率 指每英寸长度上的点数 DPI 又可细分为水平分辨率和垂直分辨率 例如一张 1英寸1英寸 1英寸 2 54cm 的图片 如果它的水平分辨率是100 dpi 垂直分
  • drm 学习笔记-2:DRM介绍

    声明 文章从DRM WIKI翻译过来的 可以帮忙英语不好同学更好的了解 刚过4级的英语水平 能力有限 原文地址 https en wikipedia org wiki Direct Rendering Manager 正文 Direct R
  • mysql order by 顺序_mysql group by order by 执行顺序

    写的顺序 select from where group by having order by 执行顺序 from where group by having select order by 本文就和大家一起深入研究下mysql中group
  • 设计模式之桥接模式(Bridge)摘录

    23种GOF设计模式一般分为三大类 创建型模式 结构型模式 行为模式 创建型模式包括 1 FactoryMethod 工厂方法模式 2 Abstract Factory 抽象工厂模式 3 Singleton 单例模式 4 Builder 建
  • linux下编译安装skynet

    最近开始skynet的学习和开发工作 本文只是作为自己使用过程中的一个简单的记录 大神勿喷 初学者在linux编译还是会遇到很多问题 记录一下 后续会陆续记录一些源码分析文档 和使用 的心得 本文操作基于centos 安装编译工具 yum
  • 编年史

    79年 6月 出生 85年 6岁 上小学 91年 12岁 小学毕业 上初中 94年 15岁 初中毕业 上高中 97年 某月 买第一台机器 7月 高中毕业 正常的人生道路结束 9月 至时代大学读书 98年 10月 从时代大学退学 11月 和Z
  • 内网穿透——搭建私人影音媒体平台

    文章目录 1 前言 2 Jellyfin服务网站搭建 2 1 Jellyfin下载和安装 2 2 Jellyfin网页测试 3 本地网页发布 3 1 cpolar的安装和注册 3 2 Cpolar云端设置 3 3 Cpolar本地设置 4
  • springboot 修改了端口不生效_SpringBoot 速记

    Demo 脚手架项目地址 https github com Vip Augus springboot note Table of Contents generated with DocToc SpringBoot 速记构建项目SpringB
  • uniapp选择只选择月份demo效果(整理)