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

这篇具有很好参考价值的文章主要介绍了uniapp选择只选择月份demo效果(整理)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

uniapp选择只选择月份demo效果(整理),uniapp小程序,uniapp选择只选择月份,选择月份,月份

<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选择只选择月份demo效果(整理),uniapp小程序,uniapp选择只选择月份,选择月份,月份文章来源地址https://www.toymoban.com/news/detail-664979.html

到了这里,关于uniapp选择只选择月份demo效果(整理)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 手机端H5加载中效果demo(整理)

    2023年04月11日
    浏览(24)
  • uniapp 微信小程序:RecorderManager 录音DEMO

    使用 RecorderManager 实现录音。及相关的基本操作。(获取文件信息,上传文件) 此图包含Demo中用于上传测试的服务端程序 upload.exe ,下载后用解压工具打开即可。 上传接口如代码中所示: http://127.0.0.1:8999/upload 上传成功的文件,保存在 upload.exe 所在目录。 单文件demo,创建个

    2024年02月11日
    浏览(39)
  • uniapp小程序 bug整理

    uni.$on(eventName, callback)监听自定义事件。事件可以由 uni.$emit 触发。回调函数会接收 uni.$emit 传递的参数。 uni.$off(eventName, callback)移除自定义事件监听器。如果没有指定事件名,则移除所有事件监听器。如果提供事件名,则移除该事件的所有监听器。如果提供了事件名和回调,

    2024年01月19日
    浏览(24)
  • vue element-ui月份范围选择器,禁用未来月份,跨度为12个月

    用得vue2的写法哦, 效果如下图: 直接上代码: 引用ElementUI的月份组件: 参考地址: https://blog.csdn.net/ITERCHARLIE/article/details/127246715

    2024年02月06日
    浏览(42)
  • uniapp小程序实现圆环效果

    uniapp小程序利用 canvas2d 实现根据指定时间动态画圆环效果

    2024年02月12日
    浏览(46)
  • element ui 下拉框 选择月份和天数

    目前做的管理系统项目,期望实现功能为:设置出账周期和出账日,考虑使用element ui下拉框实现功能 vue2+element ui

    2024年04月29日
    浏览(33)
  • uniapp生成钉钉小程序梳理(整理)

    uniapp官网:处理微信小程序和钉钉小程序等小程序代码 我是页面 // #ifdef MP-ALIPAY var _that = this; //js里面处理兼容 // #endif uni-app开发多端之钉钉小程序-其他博主文章 钉钉小程序免登录授权-其他博主文章 服务器出口–配置接口地址–: 配置完以后会展示出来您配置的地址:(注

    2024年02月11日
    浏览(37)
  • 基于uniapp+uView开发小程序【技术点整理】

    uView安装有下载安装和npm安装两种方式, 这里使用的是npm安装 。 1. uView依赖SCSS ,您必须要安装此插件,否则无法正常运行。 2.使用npm安装uView 3.引入uView主JS库 在项目根目录中的main.js中,引入并使用uView的JS库, 注意这两行要放在import Vue之后 。 4.在项目根目录的uni.scss中引

    2024年02月10日
    浏览(34)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包