微信小程序时间弹窗——年月日时分

news/2024/11/3 1:10:01/

在这里插入图片描述

需求

  • 1、默认当前时间
  • 2、选择时间弹窗限制最大值、最小值
  • 3、每次弹起更新最大值为当前时间,默认值为上次选中时间
  • 4、== minDate: new Date(2023, 10, 1).getTime(),也可以传入时间字符串new Date('2023-10-1 12:22').getTime() ==

html

  	 <view class="flex bb ptb-12"><view><text class="red">* </text>处理时间:</view><view class="flex1 size-28" bindtap="chooseTime"><view class="mr-8">{{ququ2?ququ2:'请选择'}}</view><van-icon name="arrow" /></view></view><!-- 弹窗 --><van-popup show="{{ isShowPop }}" bind:close="onClosePop" position="bottom"><van-datetime-picker title="处理时间" formatter="{{formatter}}" value="{{ currentDate  }}" bind:confirm="confirmPop" bind:cancel="onClosePop" min-date="{{minDate}}" max-date="{{maxDate}}" /></van-popup>

data

  	ququ2: '',isShowPop: false,currentDate: new Date().getTime(),minDate: new Date(2023, 10, 1).getTime(), //也可以传入时间字符串new Date('2023-10-1 12:22').getTime()maxDate: new Date().getTime(),formatter: function (type, value) {if (type === 'year') {return `${value}`;} else if (type === 'month') {return `${value}`;} else if (type === 'day') {return `${value}`;} else if (type === 'hour') {return `${value}`;} else if (type === 'minute') {return `${value}`;}return value;},

方法

// -----------选择时间弹窗---------chooseTime() {this.setData({maxDate: new Date().getTime(),// new Date('2023-10-1 12:22').getTime() 回显当前选中的时间,否则显示当前时间currentDate: this.data.ququ2 ? new Date(this.data.ququ2).getTime() : new Date().getTime(),isShowPop: true})},confirmPop(e) {// console.log(e, 'e', this.formatTimestamp(e.detail))this.setData({ququ2: this.formatTimestamp(e.detail),isShowPop: false})},onClosePop() {this.setData({isShowPop: false})},// 选中的时间戳处理成  2014-12-23 12:11 格式formatTimestamp(timestamp) {var date = new Date(timestamp);var year = date.getFullYear();var month = date.getMonth() + 1; // 月份是从0开始的,所以需要加1var day = date.getDate();var hour = date.getHours();var minute = date.getMinutes();// 格式化时间为字符串// 确保月和日是两位数month = month < 10 ? '0' + month : month;day = day < 10 ? '0' + day : day;hour = hour < 10 ? '0' + hour : hour;minute = minute < 10 ? '0' + minute : minute;return `${year}-${month}-${day} ${hour}:${minute}`;},

http://www.ppmy.cn/news/1544017.html

相关文章

src和href的区别

src和href都是HTML中用于指定资源地址的属性&#xff0c;但它们在用途、引用方式、对文档的影响以及适用范围等方面存在显著的区别。以下是对这两者的详细比较&#xff1a; 一、用途不同 src&#xff1a;主要用于嵌入到文档中的资源。它告诉浏览器去加载指定的资源&#xff0…

深入探索:深度学习在时间序列预测中的强大应用与实现

深入探索&#xff1a;深度学习在时间序列预测中的强大应用与实现 时间序列分析是数据科学和机器学习中的一个重要研究领域&#xff0c;广泛应用于金融市场、天气预报、能源管理、交通预测、健康监控等多个领域。时间序列数据具有顺序相关性&#xff0c;通常展示出时间上较强的…

kafka里的consumer 是推还是拉?

大家好&#xff0c;我是锋哥。今天分享关于【kafka里的consumer 是推还是拉&#xff1f;】面试题&#xff1f;希望对大家有帮助&#xff1b; kafka里的consumer 是推还是拉&#xff1f; 1000道 互联网大厂Java工程师 精选面试题-Java资源分享网 在Kafka中&#xff0c;消费者&…

雷池社区版compose配置文件解析-mgt

在现代网络安全中&#xff0c;选择合适的 Web 应用防火墙至关重要。雷池&#xff08;SafeLine&#xff09;社区版免费切好用。为网站提供全面的保护&#xff0c;帮助网站抵御各种网络攻击。 compose.yml 文件是 Docker Compose 的核心文件&#xff0c;用于定义和管理多个 Dock…

微软认证是什么?有哪些科目?

微软认证是微软公司设立的推广微软技术&#xff0c;培养系统网络管理和应用开发人才的完整技术金字塔证书体系&#xff0c;在全世界90多个国家认可有效&#xff0c;并且可以作为薪资职位变迁的有效证明&#xff0c;公司资质实力证明和移民加分等多项益处!微软认证从1992年设立&…

【PostgreSQL】pgsql | 字符串转日期

一、概述 常用命令备注&#xff1b;区别于MySQL 二、命令 1、字符串转日期 1&#xff09;pgsql to_date(#{params.endTime}, YYYY-MM-DD) YYYY-MM-DD HH24:MI:SS ~~ 2&#xff09;mysql字符串转日期 date_format(create_time,%Y%m%d) %Y-%m-%d %H:%i:%s 也可以用str_to_date…

一键搭建 Socks5 协议代理服务器教程

系统支持 一键搭建 Socks5 脚本支持的系统有&#xff1a;Debian 7、Ubuntu 14.04、CentOS 7.X 本此演示教程基于 CentOS 7.6 64位 系统&#xff0c;推荐 Debian 11 64位&#xff0c;特别要注意不支持 CentOS 8.X 版本 安装步骤 使用 OPENSSH 登录连接服务器&#xff0c;通过…

【论文阅读】语言模型何时需要检索增强

文章目录 When Do LMs Need Retrieval AugmentationLMs Perception of Their Knowledge BoundariesWhite-box InvestigationTraining The Language ModelUtilizing Internal States or Attention Weights Grey-box InvestigationBlack-box Investigation Adaptive RAG When Do …