uni-app 解决钉钉小程序日期组件uni-datetime-picker不兼容ios问题

• 移动开发

最近在使用uni-app开发 钉钉小程序 ，遇到一个ios的兼容性问题

uni-datetime-picker 组件在模拟器上可以使用，在真机上不生效问题

文章目录

    • 1. 不兼容的写法，`uni-datetime-picker 不兼容IOS`
    • 2. 兼容的写法，使用 `dd.datePicker` 实现。
    • 3. 实现效果，自测IOS可以兼容

1. 不兼容的写法，uni-datetime-picker 不兼容IOS

2. 兼容的写法，使用 dd.datePicker 实现。

  1. 就是自定义一个 view 然后通过click事件触发dd.datePicker。
	
		
		{{generate.generateTime || '请选择时间'}}
	


methods: {
	// 点击弹窗日期窗口
	showPicker() {
		dd.datePicker({
			format: 'yyyy-MM-dd HH:mm:ss',
			// currentDate: '2012-12-12',
			success: (res) => {
				if (res) {
					this.generate.generateTime = res.date;
				}
			},
		});
	},
}
  1. 在优化一下自定义的日期组件的样式
.datetime-picker,.datetime-picker-placeholder{
	width: 100%;
	flex: 1;
	line-height: 1;
	font-size: 14px;
	height: 40px;
	display: flex;
	box-sizing: border-box;
	flex-direction: row;
	align-items: center;
	border: 1px solid #dcdfe6;
	border-radius: 4px;
	padding-left:3px;
}

.icon-calendar{
	margin-right:2px;
}

3. 实现效果，自测IOS可以兼容

样式跟uni-ui的 uni-datetime-picker 组件样式一样。

在这里插入图片描述

本文来自网络，不代表协通编程立场，如若转载，请注明出处：https://net2asp.com/e6188b2c0e.html

赞 (0)
« 上一篇 1天前
下一篇 » 1天前

相关推荐