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

uniapp实现u-datetime-picker时间选择器的默认日期定位,解决default-value不生效问题

uniapp实现u-datetime-picker,设置默认定位日期,解决default-value不生效问题

想实现的效果是点开时间选择器默认显示当前日期,而不是该选择器最早的日期

给选择器添加ref属性,如下:

<u-datetime-picker :show="showNowEndTime" v-model="nowEndTime" mode="datetime"	ref="NowEndPick"  @confirm="confirmTime('nowEnd',$event)"  
@close="showNowEndTime = false"></u-datetime-picker>

然后在控制选择器出现的方法中:

this.showNowEndTime = true;
this.$refs.NowEndPick.innerValue = Number(new Date()); //需要根据自己的需求,确定时间格式
http://www.lryc.cn/news/328403.html

相关文章:

  • react native 使用ScrollView实现下拉更新,上拉加载更多
  • vue2完结
  • 前端网页之间传递参数
  • 【常见面试题】Golang中,协程数最多可以开多少个?
  • RabbitMQ基础笔记
  • 大型项目管理神器:掌握yarn monorepo的安装和使用
  • 算法打卡day28|贪心算法篇02|Leetcode 122.买卖股票的最佳时机 II、55. 跳跃游戏、45.跳跃游戏 II
  • 2013年认证杯SPSSPRO杯数学建模A题(第一阶段)护岸框架全过程文档及程序
  • 【3】3道链表力扣题:删除链表中的节点、反转链表、判断一个链表是否有环
  • mongodb sharding分片模式的集群数据库,日志治理缺失导致写入数据库报错MongoWriteConcernException的问题总结(上)
  • 苹果Mac OS系统上安装brew
  • 应用侧渲染流程
  • 学生党开放式运动耳机怎么选?五款超高销量高性价比品牌推荐
  • 服务器中有g++,但是查询不到,Command ‘g++‘ not found
  • count(“0“),split() ,sys.stdin.readline() ,matrix.append, input().strip()
  • Flink on Kubernetes (flink-operator) 部署Flink
  • 代码随想录算法训练营第三十二天|122.买卖股票的最佳时机II、55. 跳跃游戏、45.跳跃游戏II
  • 常见数据库分类介绍及其适用场景
  • 周末总结(2024/03/30)
  • (75)爬楼梯
  • ttkbootstrap界面美化系列之Notebook(四)
  • MySQL8存储过程整合springboot
  • Acwing 1238.日志统计 双指针
  • Matlab-R2022b-安装文件分享
  • Flutter开发之objectbox
  • AI Drug Discovery Design(学习路线)
  • 【软考】设计模式之状态模式
  • MNN介绍、安装与编译:移动端深度学习推理引擎
  • A Simple Problem with Integers(线段树)
  • 单元测试(UT)用例简介