uview-plus 3.8.42 → 3.8.55

package/changelog.md

@@ -1,3 +1,91 @@
+## 3.8.55（2026-06-12）
+fix: 完善日历今天按钮的区间模式表现及修复小程序多输入框切换时 blur 格式化视图不刷新
+
+- 问题出现在小程序真机多个输入框切换场景中，A 输入框在 blur 回调里完成格式化后，点击 B 输入框会导致数据已更新但 A 的显示值未及时同步。本次修改在 u-input 内部记录 blur 时的原始值，并在 modelValue 回流阶段识别 blur 后的外部格式化结果，允许该结果覆盖 innerValue，避免被 changeFromInner 保护逻辑拦截。这样在点击其他输入框触发 blur 时，格式化结果也能正确更新到视图。
+- 避免日期区间模式点击今天时清空已有选中范围，同时提供今天日期的独立高亮能力。新增 todayColor 配置、组件透传与类型声明，并调整 range 模式下今天按钮仅定位不选中。single 模式保持点击今天直接选中，range 模式保留原区间并定位到今天。
+
+## 3.8.54（2026-06-11）
+fix(calendar): 修复今天按钮点击后未选中日期的问题
+
+今天按钮在跳转到今天所在月份后，会复用日历原有日期点击逻辑选中今天，并按 showConfirm 配置保持确认行为一致。
+
+## 3.8.53（2026-06-11）
+feat(calendar): 日历顶部增加时分秒选择能力
+
+新增 enableTime、timePrecision、defaultTime 配置，支持单选与区间首尾模式在顶部点击时间区域后弹出居中 picker 进行时间编辑。
+确认返回仍为字符串数组：单选与区间首尾模式返回日期时间字符串；区间 all 模式按约定不展示时间选择并保持原日期数组返回；同日区间增加结束时间不能早于开始时间的校验。
+
+## 3.8.52（2026-06-10）
+fix(table2): 修复微信小程序中重复 slot name="cell" 导致的报错 (#839)
+
+在固定列浮动视图（u-table-fixed-shadow）的 MP-WEIXIN 条件编译块中，
+将 <slot name="cell"> 改为直接内联渲染，消除同组件内同名 slot 的冲突。
+微信小程序不允许单个组件实例中出现多个同名 slot，而主表体已占用 "cell"，
+固定列视图区仅用于视觉叠加，直接渲染 item.row[col.key] 即可满足需求。
+
+## 3.8.51（2026-06-09）
+fix(picker): 修复异步columns加载时defaultIndex位置不更新的问题 (#841)
+
+问题：当columns从接口动态返回时（初始为空数组，延迟后赋值），
+defaultIndex已提前设置好innerIndex，columns变化时innerIndex值未改变，
+picker-view的:value绑定不触发重新渲染，导致滚动位置停留在第0项。
+
+修复：在setColumns中检测是否有列从空变为有数据，若是则先清空innerIndex，
+再在$nextTick中恢复目标值，强制picker-view重新滚动到defaultIndex指定位置。
+
+## 3.8.50（2026-06-08）
+fix: 修复 pageInline 日历隐藏挂载时首日偏移异常
+
+问题原因：u-calendar 在隐藏容器中挂载时可能获取到 width=0，导致首日 margin-left 计算为 0。
+改动内容：
+1) 非 APP-NVUE 场景首日偏移改为百分比计算，避免依赖运行时宽度。
+2) 宽度获取增加 windowWidth 兜底，降低隐藏挂载导致的布局异常风险。
+影响范围：仅调整 u-calendar/month.vue 的首日偏移与宽度兜底逻辑，不改变选择交互行为。
+
+## 3.8.49（2026-06-05）
+fix(datetime-picker): 修复hasInput模式下点击遮罩无法关闭弹窗的问题
+
+- 在close()方法中补充将showByClickInput置为false的逻辑，
+- 与cancel()和confirm()的处理保持一致，修复issue #759
+
+## 3.8.48（2026-06-04）
+feat(calendar): 新增区间模式返回值格式配置
+
+- 新增 rangeResultMode 配置项，支持 range 模式在 confirm 时返回全部区间日期或仅返回起止日期。
+- 本次改动覆盖默认配置、组件 props、确认回调返回逻辑与 TypeScript 类型声明，默认值为 all 以保持现有行为兼容。
+
+## 3.8.47（2026-06-03）
+扩展 u-datetime-picker 支持小时与秒级时间选择
+
+- 新增 datehour、timesecond、datetimesecond 三种模式，覆盖年月日时与秒级场景\n- 增加 minSecond/maxSecond 配置，并同步列生成、边界计算、回显与变更事件处理\n- 更新 TypeScript 类型定义，确保新模式和秒级属性在项目中可被正确约束
+
+## 3.8.46（2026-06-02）
+fix: 修复DatetimePicker在pageInline模式下无法滚动到默认值问题 #941
+
+pageInline模式下picker-view原生组件常驻显示，Android/HarmonyOS端
+原生组件尚未完成初始化时已渲染为索引0位置，后续更新无法可靠触发滚动。
+
+- updateColumnValue改用$nextTick+条件延时：pageInline时等待100ms
+- mounted新增pageInline兜底：200ms后再次设置索引确保原生组件就绪
+
+## 3.8.45（2026-06-01）
+fix: 修复NumberBox最小值限制导致无法输入新值问题 #914
+
+## 3.8.44（2026-05-31）
+fix: 修复up-tooltip未暴露open/close方法及manual模式失效问题 #1021
+
+- 新增 show prop，支持 triggerMode="manual" 时通过 :show 控制显示
+- 新增 open() / close() 方法并对外暴露
+- 监听 show prop 变化，manual 模式下自动调用 open/close
+- 新增 open / close emit 事件，u-popover 的 @open @close 监听可正常工作
+- 统一内部显示/隐藏逻辑均走 open()/close() 方法
+
+## 3.8.43（2026-05-30）
+fix: 修复小程序中 tabbar midButton 模式图标不显示问题
+
+- 使用 :deep() 选择器替代普通后代选择器，解决 virtualHost:true 导致
+- 父组件 scoped 样式无法传播到子组件根元素的问题。
+
 ## 3.8.42（2026-05-29）
 feat: 新增单行日历组件并支持下拉展开完整月历及修复签名组件 clear 方法实现
 

package/components/u-calendar/calendar.js

@@ -34,13 +34,18 @@ export default {
         readonly: false,
         showConfirm: true,
         maxRange: Number.MAX_SAFE_INTEGER, // Infinity
-        rangePrompt: '',
-        showRangePrompt: true,
-        allowSameDay: false,
-		round: 0,
+        rangePrompt: '',
+        showRangePrompt: true,
+        allowSameDay: false,
+        rangeResultMode: 'all',
+        enableTime: false,
+        timePrecision: 'minute',
+        defaultTime: '',
+		round: 0,
 		monthNum: 3,
         monthSwitch: false,
         showToday: true,
+        todayColor: '',
         weekText: [t("up.week.one"), t("up.week.two"), t("up.week.three"), t("up.week.four"), t("up.week.five"), t("up.week.six"), t("up.week.seven")],
         forbidDays: [],
         forbidDaysToast: t("up.calendar.disabled"),

package/components/u-calendar/month.vue

@@ -33,7 +33,7 @@
 	// #endif
 	import { mpMixin } from '../../libs/mixin/mpMixin';
 	import { mixin } from '../../libs/mixin/mixin';
-	import { addUnit, deepClone, toast, sleep } from '../../libs/function/index';
+	import { addUnit, deepClone, toast, sleep, getWindowInfo } from '../../libs/function/index';
 	import { colorGradient } from '../../libs/function/colorGradient';
 	import test from '../../libs/function/test';
 	import defProps from '../../libs/config/props';
@@ -140,6 +140,11 @@
 			todayDate: {
 				type: String,
 				default: ''
+			},
+			// 今天日期的独立高亮颜色
+			todayColor: {
+				type: String,
+				default: ''
 			}
 		},
 		data() {
@@ -168,8 +173,10 @@
 				return (index1, index2, item) => {
 					const style = {}
 					let week = item.week
+					// 隐藏挂载场景下节点宽度可能拿到0，兜底使用窗口宽度避免首日偏移归零
+					const wrapperWidth = this.width > 0 ? this.width : (getWindowInfo().windowWidth || 0)
 					// 不进行四舍五入的形式保留2位小数
-					const dayWidth = Number(parseFloat(this.width / 7).toFixed(3).slice(0, -1))
+					const dayWidth = Number(parseFloat(wrapperWidth / 7).toFixed(3).slice(0, -1))
 					// 得出每个日期的宽度
 					// #ifdef APP-NVUE
 					style.width = addUnit(dayWidth, 'px')
@@ -178,7 +185,12 @@
 					if (index2 === 0) {
 						// 获取当前为星期几，如果为0，则为星期天，减一为每月第一天时，需要向左偏移的item个数
 						week = (week === 0 ? 7 : week) - 1
+						// #ifdef APP-NVUE
 						style.marginLeft = addUnit(week * dayWidth, 'px')
+						// #endif
+						// #ifndef APP-NVUE
+						style.marginLeft = `${(week / 7) * 100}%`
+						// #endif
 					}
 					if (this.mode === 'range') {
 						// 之所以需要这么写，是因为DCloud公司的iOS客户端导致的bug
@@ -198,8 +210,8 @@
 					if (this.selected.some(item => this.dateSame(item, date))) {
 						style.backgroundColor = this.color
 					}
-					if (this.todayDate && this.dateSame(date, this.todayDate) && !this.selected.some(item => this.dateSame(item, date))) {
-						style.border = `1px solid ${this.color}`
+					if (this.todayDate && this.dateSame(date, this.todayDate)) {
+						style.border = `1px solid ${this.resolvedTodayColor}`
 						style.boxSizing = 'border-box'
 					}
 					if (this.mode === 'single') {
@@ -248,6 +260,9 @@
 					return style
 				}
 			},
+			resolvedTodayColor() {
+				return this.todayColor || this.color
+			},
 			// 某个日期是否被选中
 			textStyle() {
 				return (item) => {
@@ -265,6 +280,9 @@
 							style.color = this.color
 						}
 					}
+					if (this.todayDate && this.dateSame(date, this.todayDate) && !this.isSelectedDate(date)) {
+						style.color = this.resolvedTodayColor
+					}
 					return style
 				}
 			},
@@ -335,16 +353,21 @@
 			dateSame(date1, date2) {
 				return dayjs(date1).isSame(dayjs(date2))
 			},
+			isSelectedDate(date) {
+				return this.selected.some(item => this.dateSame(item, date))
+			},
 			// 获取月份数据区域的宽度，因为nvue不支持百分比，所以无法通过css设置每个日期item的宽度
 			getWrapperWidth() {
 				// #ifdef APP-NVUE
 				dom.getComponentRect(this.$refs['u-calendar-month-wrapper'], res => {
-					this.width = res.size.width
+					const width = res && res.size ? Number(res.size.width) : 0
+					this.width = width > 0 ? width : (getWindowInfo().windowWidth || 0)
 				})
 				// #endif
 				// #ifndef APP-NVUE
 				this.$uGetRect('.u-calendar-month-wrapper').then(size => {
-					this.width = size.width
+					const width = size ? Number(size.width) : 0
+					this.width = width > 0 ? width : (getWindowInfo().windowWidth || 0)
 				})
 				// #endif
 			},
@@ -493,6 +516,18 @@
 			setSelected(selected, event = true) {
 				this.selected = selected
 				event && this.$emit('monthSelected', this.selected,'tap')
+			},
+			selectDate(date) {
+				const targetDate = dayjs(date).format("YYYY-MM-DD")
+				for (let monthIndex = 0; monthIndex < this.months.length; monthIndex++) {
+					const dayIndex = this.months[monthIndex].date.findIndex(item => {
+						return this.dateSame(item.date, targetDate)
+					})
+					if (dayIndex !== -1) {
+						this.clickHandler(monthIndex, dayIndex, this.months[monthIndex].date[dayIndex])
+						return
+					}
+				}
 			}
 		}
 	}

package/components/u-calendar/props.js

@@ -132,6 +132,26 @@ export const props = defineMixin({
         allowSameDay: {
             type: Boolean,
             default: () => defProps.calendar.allowSameDay
+        },
+        // 区间模式下确认返回值格式，all-返回区间内所有日期，boundary-仅返回起止日期
+        rangeResultMode: {
+            type: String,
+            default: () => defProps.calendar.rangeResultMode
+        },
+        // 是否开启时分秒选择
+        enableTime: {
+            type: Boolean,
+            default: () => defProps.calendar.enableTime
+        },
+        // 时间精度：hour-仅时，minute-时分，second-时分秒
+        timePrecision: {
+            type: String,
+            default: () => defProps.calendar.timePrecision
+        },
+        // 默认时间，格式支持 HH / HH:mm / HH:mm:ss
+        defaultTime: {
+            type: String,
+            default: () => defProps.calendar.defaultTime
         },
 		// 圆角值
 		round: {
@@ -153,6 +173,11 @@ export const props = defineMixin({
 			type: Boolean,
 			default: () => defProps.calendar.showToday
 		},
+		// 今天日期的独立高亮颜色，默认跟随主题色
+		todayColor: {
+			type: String,
+			default: () => defProps.calendar.todayColor
+		},
         // 星期文案
         weekText: {
 			type: Array,

package/components/u-calendar/u-calendar.vue

@@ -29,6 +29,28 @@
 				@nextYear="nextYear"
 				@today="jumpToToday"
 			></uHeader>
+			<view v-if="showTimePanel" class="u-calendar__time-panel">
+				<view v-if="mode === 'single'" class="u-calendar__time-row">
+					<text class="u-calendar__time-date">{{ singleDateLabel }}</text>
+					<view class="u-calendar__time-trigger" @click="openTimePicker('single')">
+						<text class="u-calendar__time-text">{{ singleTime }}</text>
+					</view>
+				</view>
+				<view v-else-if="mode === 'range' && rangeResultMode === 'boundary'">
+					<view class="u-calendar__time-row">
+						<text class="u-calendar__time-date">{{ rangeStartDateLabel }}</text>
+						<view class="u-calendar__time-trigger" @click="openTimePicker('start')">
+							<text class="u-calendar__time-text">{{ rangeStartTime }}</text>
+						</view>
+					</view>
+					<view class="u-calendar__time-row">
+						<text class="u-calendar__time-date">{{ rangeEndDateLabel }}</text>
+						<view class="u-calendar__time-trigger" @click="openTimePicker('end')">
+							<text class="u-calendar__time-text">{{ rangeEndTime }}</text>
+						</view>
+					</view>
+				</view>
+			</view>
 			<scroll-view
 				v-if="!monthSwitch"
 				:style="{
@@ -61,6 +83,7 @@
 					:forbidDaysToast="forbidDaysToast"
 					:monthFormat="monthFormat"
 					:todayDate="todayDate"
+					:todayColor="todayColor"
 					ref="month"
 					@monthSelected="monthSelected"
 					@updateMonthTop="onUpdateMonthTop"
@@ -94,6 +117,7 @@
 					:forbidDaysToast="forbidDaysToast"
 					:monthFormat="monthFormat"
 					:todayDate="todayDate"
+					:todayColor="todayColor"
 					ref="month"
 					@monthSelected="monthSelected"
 					@updateMonthTop="onUpdateMonthTop"
@@ -114,6 +138,32 @@
 			</slot>
 		</view>
 	</u-popup>
+	<u-popup
+		:show="timePickerShow"
+		mode="center"
+		:round="8"
+		:closeOnClickOverlay="true"
+		@close="closeTimePicker"
+	>
+		<view class="u-calendar__time-picker">
+			<view class="u-calendar__time-picker__header">
+				<text class="u-calendar__time-picker__cancel" @click="closeTimePicker">取消</text>
+				<text class="u-calendar__time-picker__title">选择时间</text>
+				<text class="u-calendar__time-picker__confirm" @click="confirmTimePicker">确定</text>
+			</view>
+			<picker-view class="u-calendar__time-picker__body" :value="timePickerValue" @change="onTimePickerChange">
+				<picker-view-column>
+					<view v-for="(item, index) in hourOptions" :key="`h-${index}`" class="u-calendar__time-picker__item">{{ item }}</view>
+				</picker-view-column>
+				<picker-view-column v-if="timePrecision !== 'hour'">
+					<view v-for="(item, index) in minuteOptions" :key="`m-${index}`" class="u-calendar__time-picker__item">{{ item }}</view>
+				</picker-view-column>
+				<picker-view-column v-if="timePrecision === 'second'">
+					<view v-for="(item, index) in secondOptions" :key="`s-${index}`" class="u-calendar__time-picker__item">{{ item }}</view>
+				</picker-view-column>
+			</picker-view>
+		</view>
+	</u-popup>
 </template>
 
 <script>
@@ -158,9 +208,14 @@ import { t } from '../../libs/i18n'
  * @property {String}				rangePrompt	        范围选择超过最多可选天数时的提示文案，mode = range时有效
  * @property {Boolean}				showRangePrompt	    范围选择超过最多可选天数时，是否展示提示文案，mode = range时有效 (默认 true )
  * @property {Boolean}				allowSameDay	    是否允许日期范围的起止时间为同一天，mode = range时有效 (默认 false )
+ * @property {String}				rangeResultMode	    区间模式下确认返回值格式，all-返回区间内所有日期，boundary-仅返回起止日期 (默认 'all' )
+ * @property {Boolean}				enableTime			是否开启时分秒选择 (默认 false )
+ * @property {String}				timePrecision		时间精度，hour-仅时，minute-时分，second-时分秒 (默认 'minute' )
+ * @property {String}				defaultTime			默认时间，支持HH/HH:mm/HH:mm:ss，不传则按00:00补齐
  * @property {Number|String}	    round				圆角值，默认无圆角  (默认 0 )
  * @property {Number|String}	    monthNum			最多展示的月份数量  (默认 3 )
  * @property {Boolean}	            monthSwitch			是否启用非滚动的单月切换模式  (默认 false )
+ * @property {String}	            todayColor			今天日期的独立高亮颜色，默认跟随主题色
  * @property {Array}	            weekText			星期文案  (默认 ['一', '二', '三', '四', '五', '六', '日'] )
  *
  * @event {Function()} confirm 		点击确定按钮时触发		选择日期相关的返回参数
@@ -188,6 +243,15 @@ export default {
 			scrollIntoView: '',
 			scrollIntoViewScroll: '',
 			scrollTop:0,
+			timePickerShow: false,
+			timePickerTarget: 'single',
+			timePickerValue: [0, 0, 0],
+			hourOptions: [],
+			minuteOptions: [],
+			secondOptions: [],
+			singleTime: '00:00',
+			rangeStartTime: '00:00',
+			rangeEndTime: '00:00',
 			// 过滤处理方法
 			innerFormatter: (value) => value
 		}
@@ -205,6 +269,13 @@ export default {
 				this.setMonth()
 			}
 		},
+		timePrecision() {
+			this.initTimeOptions()
+			this.initTimeValues()
+		},
+		defaultTime() {
+			this.initTimeValues()
+		},
 		// 打开弹窗时，设置月份数据
 		show: {
 			immediate: true,
@@ -287,6 +358,26 @@ export default {
 		switchNextYearDisabled() {
 			return this.monthIndex + 12 > this.months.length - 1
 		},
+		showTimePanel() {
+			if (!this.enableTime) return false
+			if (this.mode === 'single') return true
+			if (this.mode === 'range' && this.rangeResultMode === 'boundary') {
+				return true
+			}
+			return false
+		},
+		singleDateLabel() {
+			return this.selected[0] || '--'
+		},
+		rangeStartDateLabel() {
+			return this.selected[0] || '--'
+		},
+		rangeEndDateLabel() {
+			if (this.selected.length >= 2) {
+				return this.selected[this.selected.length - 1]
+			}
+			return '--'
+		},
 		buttonDisabled() {
 			// 如果为range类型，且选择的日期个数不足1个时，让底部的按钮出于disabled状态
 			if (this.mode === 'range') {
@@ -307,6 +398,130 @@ export default {
 	emits: ["confirm", "close"],
 	methods: {
 		addUnit,
+		padTime(num) {
+			return String(num).padStart(2, '0')
+		},
+		initTimeOptions() {
+			this.hourOptions = Array.from({ length: 24 }, (_, i) => this.padTime(i))
+			this.minuteOptions = Array.from({ length: 60 }, (_, i) => this.padTime(i))
+			this.secondOptions = Array.from({ length: 60 }, (_, i) => this.padTime(i))
+		},
+		parseTimeValue(value = '') {
+			const raw = String(value || '').trim()
+			const parts = raw.length ? raw.split(':') : []
+			const getNumber = (index, max) => {
+				const current = Number(parts[index] || 0)
+				if (Number.isNaN(current)) return 0
+				return Math.max(0, Math.min(max, current))
+			}
+			const hour = getNumber(0, 23)
+			const minute = getNumber(1, 59)
+			const second = getNumber(2, 59)
+			return [hour, minute, second]
+		},
+		getDefaultTimeValue() {
+			const [hour, minute, second] = this.parseTimeValue(this.defaultTime)
+			if (this.timePrecision === 'hour') {
+				return this.padTime(hour)
+			}
+			if (this.timePrecision === 'second') {
+				return `${this.padTime(hour)}:${this.padTime(minute)}:${this.padTime(second)}`
+			}
+			return `${this.padTime(hour)}:${this.padTime(minute)}`
+		},
+		initTimeValues() {
+			const value = this.getDefaultTimeValue()
+			this.singleTime = value
+			this.rangeStartTime = value
+			this.rangeEndTime = value
+		},
+		timeToPickerValue(value = '') {
+			const [hour, minute, second] = this.parseTimeValue(value)
+			return [hour, minute, second]
+		},
+		pickerValueToTime(value = []) {
+			const hour = Number(value[0] || 0)
+			const minute = Number(value[1] || 0)
+			const second = Number(value[2] || 0)
+			if (this.timePrecision === 'hour') {
+				return this.padTime(hour)
+			}
+			if (this.timePrecision === 'second') {
+				return `${this.padTime(hour)}:${this.padTime(minute)}:${this.padTime(second)}`
+			}
+			return `${this.padTime(hour)}:${this.padTime(minute)}`
+		},
+		openTimePicker(target) {
+			this.timePickerTarget = target
+			let currentValue = this.singleTime
+			if (target === 'start') currentValue = this.rangeStartTime
+			if (target === 'end') currentValue = this.rangeEndTime
+			this.timePickerValue = this.timeToPickerValue(currentValue)
+			this.timePickerShow = true
+		},
+		onTimePickerChange(e) {
+			this.timePickerValue = e.detail.value
+		},
+		closeTimePicker() {
+			this.timePickerShow = false
+		},
+		confirmTimePicker() {
+			const value = this.pickerValueToTime(this.timePickerValue)
+			if (this.timePickerTarget === 'single') this.singleTime = value
+			if (this.timePickerTarget === 'start') this.rangeStartTime = value
+			if (this.timePickerTarget === 'end') this.rangeEndTime = value
+			this.timePickerShow = false
+		},
+		timeToSecond(timeText = '') {
+			const [hour, minute, second] = this.parseTimeValue(timeText)
+			return hour * 3600 + minute * 60 + second
+		},
+		validateSameDayRangeTime() {
+			if (!this.enableTime || this.mode !== 'range' || this.rangeResultMode !== 'boundary') {
+				return true
+			}
+			if (this.selected.length < 2) return true
+			const startDate = this.selected[0]
+			const endDate = this.selected[this.selected.length - 1]
+			if (startDate !== endDate) return true
+			const startSeconds = this.timeToSecond(this.rangeStartTime)
+			const endSeconds = this.timeToSecond(this.rangeEndTime)
+			if (endSeconds < startSeconds) {
+				uni.showToast({
+					title: '结束时间不能早于开始时间',
+					icon: 'none'
+				})
+				return false
+			}
+			return true
+		},
+		appendTime(dateText, timeText) {
+			return `${dateText} ${timeText}`
+		},
+		getConfirmValue(selected = this.selected) {
+			let result = selected
+			if (
+				this.mode === 'range' &&
+				this.rangeResultMode === 'boundary' &&
+				selected.length >= 2
+			) {
+				const len = selected.length - 1
+				result = [selected[0], selected[len]]
+			}
+			if (!this.showTimePanel || !this.enableTime) {
+				return result
+			}
+			if (this.mode === 'single' && result.length >= 1) {
+				return [this.appendTime(result[0], this.singleTime)]
+			}
+			if (this.mode === 'range' && this.rangeResultMode === 'boundary' && result.length >= 2) {
+				return [
+					this.appendTime(result[0], this.rangeStartTime),
+					this.appendTime(result[1], this.rangeEndTime)
+				]
+			}
+			return result
+		},
 		// 在微信小程序中，不支持将函数当做props参数，故只能通过ref形式调用
 		setFormatter(e) {
 			this.innerFormatter = e
@@ -325,7 +540,8 @@ export default {
 					 return
 				   }
 				   if( scene === 'tap') {
-					 this.$emit('confirm', this.selected)
+					 if (!this.validateSameDayRangeTime()) return
+					 this.$emit('confirm', this.getConfirmValue())
 				   }
 				}
 			}
@@ -347,6 +563,8 @@ export default {
 				bottomPadding = 30
 			}
 			this.listHeight = this.rowHeight * (this.monthSwitch ? 6 : 5) + bottomPadding
+			this.initTimeOptions()
+			this.initTimeValues()
 			this.setMonth()
 		},
 		close() {
@@ -355,7 +573,8 @@ export default {
 		// 点击确定按钮
 		confirm() {
 			if (!this.buttonDisabled) {
-				this.$emit('confirm', this.selected)
+				if (!this.validateSameDayRangeTime()) return
+				this.$emit('confirm', this.getConfirmValue())
 			}
 		},
 		// 获得两个日期之间的月份数
@@ -483,16 +702,24 @@ export default {
 				return
 			}
 			const targetMonth = dayjs(this.todayDate).format('YYYY-MM')
+			const selectToday = () => {
+				if (this.mode === 'range') {
+					return
+				}
+				this.$refs.month && this.$refs.month.selectDate(this.todayDate)
+			}
 			if (this.monthSwitch) {
 				const todayMonthIndex = this.months.findIndex(({ year, month }) => {
 					return `${year}-${padZero(month)}` === targetMonth
 				})
 				if (todayMonthIndex !== -1) {
 					this.monthIndex = todayMonthIndex
+					this.$nextTick(selectToday)
 				}
 				return
 			}
 			this.scrollIntoDefaultMonth(targetMonth)
+			this.$nextTick(selectToday)
 		},
 		// 滚动到默认设置的月份
 		scrollIntoDefaultMonth(selected) {
@@ -567,6 +794,84 @@ export default {
 	color: var(--up-main-color, $u-main-color);
 	background-color: var(--up-card-bg-color, #ffffff);
 
+	&__time-panel {
+		padding: 8px 16px 0;
+	}
+
+	&__time-row {
+		height: 34px;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		margin-bottom: 6px;
+	}
+
+	&__time-date {
+		font-size: 13px;
+		color: #303133;
+	}
+
+	&__time-trigger {
+		min-width: 92px;
+		height: 30px;
+		padding: 0 10px;
+		border-radius: 15px;
+		border: 1px solid #dcdfe6;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+
+	&__time-text {
+		font-size: 14px;
+		color: #303133;
+	}
+
+	&__time-picker {
+		width: 320px;
+		background-color: #ffffff;
+		border-radius: 8px;
+		overflow: hidden;
+	}
+
+	&__time-picker__header {
+		height: 44px;
+		padding: 0 14px;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		border-bottom: 1px solid #f0f0f0;
+	}
+
+	&__time-picker__cancel {
+		font-size: 14px;
+		color: #909399;
+	}
+
+	&__time-picker__title {
+		font-size: 15px;
+		color: #303133;
+		font-weight: 600;
+	}
+
+	&__time-picker__confirm {
+		font-size: 14px;
+		color: #3c9cff;
+	}
+
+	&__time-picker__body {
+		width: 320px;
+		height: 200px;
+	}
+
+	&__time-picker__item {
+		height: 40px;
+		line-height: 40px;
+		text-align: center;
+		font-size: 16px;
+		color: #303133;
+	}
+
 	&__confirm {
 		padding: 7px 18px;
 	}

package/components/u-datetime-picker/datetimePicker.js

@@ -23,6 +23,8 @@ export default {
         maxHour: 23,
         minMinute: 0,
         maxMinute: 59,
+        minSecond: 0,
+        maxSecond: 59,
         filter: null,
         formatter: null,
         loading: false,