钉钉小程序和微信小程序的使用区别：picker

已于 2022-08-17 18:21:20 修改
阅读量2k 收藏 1
点赞数
分类专栏： 小程序 文章标签： 小程序 微信小程序
于 2022-06-09 09:48:32 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_43930421/article/details/125080775
版权
本文探讨了微信小程序与钉钉小程序在picker组件上的差异。微信小程序的picker组件提供多种选择器类型，而钉钉小程序的picker则较为简单，主要为单列选择器。尽管钉钉缺少直接的日期和时间选择器，但可通过dd.datePicker接口实现。对于多列选择，钉钉小程序推荐使用picker view。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

微信小程序组件的丰富和完善程度要远远高于钉钉小程序。

这里说说这两个小程序中 picker 组件的区别。

微信小程序

微信的 picker 组件通过 mode 参数可以设置为多种选择器类型。

在这里插入图片描述

对于不同的mode，picker拥有不同的属性。

钉钉小程序

相比之下，钉钉的 picker 选择器就单调的可怜。它没有 mode 去设置各种选择器，只能够设置为单列的选择器。

在这里插入图片描述

日期、时间选择器

虽然钉钉小程序不能通过 picker 直接设置日期和时间选择器，但是可以通过开放的接口 dd.datePicker 去打开日期选择列表。

dd.datePicker({
   
    format: 'yyyy-MM-dd',
    currentDate: '',
    success: (
最低0.47元/天 解锁文章
微信小程序转钉钉小程序适配问题
众产-全栈程序员
07-16 2638
与阿里云项目合作，作为ISV，不能使用腾讯系产品，必须将微信小程序项目转成钉钉小程序。 经过12天的艰苦奋斗，基本完成。将经验教训整理一下给大家。 不支持wxs，无法自定义页面函数 很方便的{{mc.todate(addtimes,‘d’)}}调用方式，不能使用。 这几乎是现有项目的显示标配，几千个调用点，都需要在js层重写。 工作量巨大。安排搬砖。 不支持全局组件引用 app.json不支持全局组件引用。 只能每一个页面将用到的组件单独引用。 “usingComponents”: { “auth”: “…
小程序picker标题_微信小程序-自定义picker选择器
weixin_39953629的博客
01-14 875
为什么要自定义picker原生小程序picker不支持自定义样式，无联动。该自定组件支持自定义数据支持自定义样式支持传入和返回对象或者基本类型支持联动(改变父列，子列根据关联自动变化)使用直接将picker文件夹拖入工程在某page的json文件中配置{"usingComponents": {"picker": picker.js的相对路径}}在page的wxml文件中使用isShowPicker...
钉钉Weex微应用与微信小程序对比表格
03-29
程序构建 weex微应用 微信小程序 通过webpack打包构建成一个纯JavaScript文件，需要开发者自己写打包脚本，非常灵活。 通过IDE打包，打包路径是一个黑盒，不需要开发者写打包脚本，必须按照它的规则书写入口以及业务代码。 代码包无限制大小 限制大小2M 无配置文件 需要入口配置文件来配置页面必须依赖的Path 应用设计指南 weex微应用 微信小程序 无 包含了视觉，交互等常规设计 微信小程序设计指南 应用接入指南 weex微应用 微信小程序 有，但是很分散 包含了应用接入指南主体 微信小程序接入指南 数据 weex微应用 微信小程序 无 可查看运营数据 小程序数据助手，这是发布
钉钉/支付宝小程序和微信小程序的区别及转换方案
weixin_30697239的博客
06-02 2391
最近接到一个工作任务，是把钉钉小程序转微信小程序... 对，居然还有这种操作，之前只听过微信小程序转支付宝小程序的，钉钉转微信是什么鬼
钉钉小程序与微信小程序的异同
weixin_42437900的博客
09-09 9744
前言 微信属于社交软件，微信从2017-01-09正式推出小程序发展到今天，微信小程序与我们的生活已经密切相关，例如：交通、医疗、购物、服务等等我们正在享受小程序带给我们的便利，当然微信小程序涉及到的行业以及范围不止我列出的这些。 钉钉也属于社交软件，但主要服务于企业，钉钉小程序更偏向于管理工具一类。钉钉在2018年9月推出了E应用，可以理解为钉钉小程序的初代，在2019年6月中旬正式推出了钉...
钉钉小程序踩坑：（与微信小程序的区别）
小白博主的博客
05-10 5119
文章目录tabBar： 以前开发微信小程序，现在应公司需求改钉钉，两者还是有差距的。接下来说一些坑： 钉钉开发平台： https://developers.dingtalk.com/document/app/dd-addtabbaritem tabBar： tabBar不显示： 1.注意字段是否写错 2.可以尝试清理缓存 3.list里面至少要有两个，最多五个，一个是不行的 4.必须有pages里面的index页面 钉钉小程序和微信小程序的差别——————直接上代码： 钉钉小程序: "tabBar"
微信小程序vs钉钉小程序 笔记
柠檬麻麻
09-28 848
封装API返回值 微信小程序 onLoad: function (options) { console.log(this.getPhoneType()) }, getPhoneType(){ var result = "" wx.getSystemInfo({ success(res) { console.log(res) result = res } }) return result; }, 打印
微信小程序-微信小程序－省市区三级联动
08-06
因小程序picker组件自身的限制，需自行模拟省市区三级联动 以下为老版本使用方法： 使用方法 在目标 .wxml 文件中引用 selectarea.wxml 文件； 在目标 .wxss 文件中引用 selectarea.wxss 文件； @import "../....
小程序自定义picker，时间选择：年月日小时
Web_Notes的博客
02-24 1675
小程序自定义picker，时间选择：年月日小时（详细讲解） 效果图 html bindcolumnchange 列改变时触发事件 bindchange 确定时触发的事件 <picker mode="multiSelector" start='{{today}}' bindchange="bindMultiPickerChange" bindcolumnchange="bindMultiPickerColumnChange" value="{{multiIndex}}" range="
微信小程序 vs 支付宝小程序（钉钉小程序） 区别 api大全
dazer的专栏
09-08 5212
钉钉小程序简介 参考系列文章 钉钉小程序&微应用
swift-QTimePicker-钉钉日期选择器
08-15
QTimePicker -钉钉日期选择器
钉钉小程序picker组件不弹窗
yang19960804的博客
07-26 904
上图所示，运用了uniapp的picker标签，同事写的代码picker里是input标签，看到有提示说picker里只支持写view标签，我给写上去后发现还是不行，查阅资料发现原因是picker里面的初始内容不能为空，可以设置为自己想要的提示语字段，然后选择切换后再显示为想要显示的内容，正确代码如下。然后点击就可以显示弹窗了，一句话总结就是picker标签内的初始值不能为空，否则弹窗是不会起作用的。问题：利用uniapp开发钉钉小程序时候点击下拉选择框没有弹窗弹起，代码和效果图如下图。
钉钉与微信小程序兼容性--文件上传
WY66987的博客
06-27 1443
钉钉上传文件和微信小程序上传文件的兼容性处理
钉钉H5微应用和钉钉小程序有何区别
monicateacat的博客
07-01 1560
钉钉H5微应用和钉钉小程序有何区别
钉钉小程序时间选择框（微信小程序通用）
weixin_45087036的博客
12-27 5440
time.axml <view class="page-section" a:if="{{prickShow}}"> <view class="page-section-demo"> <picker-view value="{{value}}" onChange="onChange" class="my-picker"> ...
钉钉小程序时间选择组件
weixin_43930421的博客
06-10 1865
虽然钉钉小程序自带了时间选择 api。但是这个功能所展示的 ui 界面在 ios 和安卓系统上并不一致。而且在 ios 上日期是一行行去滑动的，导致选择跨年或跨月日期就要滑动很久。基于以上2点考虑，决定自己开发组件，以满足功能需求。效果图如下。因为系统全局引入了 colorUI，所以在组件中也用到了相关样式，引入参考： https://blog.youkuaiyun.com/weixin_43930421/article/details/124748879在 components 文件目录下新建 tmSelect 组件
f2 柱状图滚动 钉钉小程序_钉钉小程序picker组件的range能否加变量-问答-阿里云开发者社区-阿里云...
weixin_30851261的博客
12-31 193
众所周知，钉钉小程序picker组件的range为一个数组 但是在我的项目中需要循环增加多个picker，而且每个新增加的picker的值是不一样的，我最初想到的是在range中的数组名称后面加一个变量来区分不同的数据，但是测试时报错“Uncaught TypeError: n.map is not a function” 如图：工程项目、套数、塔段、塔节都是用的picker，ranger都用的是...
钉钉开放平台-小程序开发实战（钉钉小程序客户端）
热门推荐
西京刀客
06-25 2万+
钉钉（Ding Talk）是阿里巴巴集团打造的企业级智能移动办公平台，是数字经济时代的企业组织协同办公和应用开发平台。 钉钉开放平台具有强大丰富的原生能力，目前已经开放超过2000个API接口，同时为开发者和服务商提供专业的技术培训体系，分享最新功能和开放能力，提供全面的服务支持。...
钉钉小程序搜索框组件
2301_79197369的博客
02-20 274
工作需要。
微信小程序报销审批单填写
最新发布
04-02
### 实现微信小程序中的报销审批单填写功能 要在微信小程序中实现报销审批单的填写功能，可以通过以下方式完成： #### 1. 使用微信小程序表单组件构建界面 微信小程序提供了丰富的 UI 组件来帮助开发者快速搭建交互式的用户界面。对于报销审批单的功能实现，可以利用 `input`、`picker` 和 `button` 等基础组件。 以下是简单的示例代码展示如何创建一个基本的报销审批单界面[^3]: ```html <!-- index.wxml --> <form bindsubmit="formSubmit"> <view class="section"> <text>申请人:</text> <input name="applicant" placeholder="请输入姓名"/> </view> <view class="section"> <text>金额:</text> <input type="number" name="amount" placeholder="请输入金额"/> </view> <view class="section"> <text>日期:</text> <picker mode="date" name="date" value="{{date}}" bindchange="bindDateChange"> <view>{{date}}</view> </picker> </view> <view class="section"> <text>备注:</text> <textarea name="remark" placeholder="请填写备注"></textarea> </view> <button formType="submit">提交</button> </form> ``` 对应的逻辑处理部分如下所示: ```javascript // index.js Page({ data: { date: '请选择日期' }, bindDateChange(e) { this.setData({ date: e.detail.value }); }, formSubmit(e) { const { applicant, amount, date, remark } = e.detail.value; if (!applicant || !amount || !date) { wx.showToast({ title: '请完善信息', icon: 'none' }); return; } console.log('Form Data:', e.detail.value); wx.showToast({ title: '提交成功', icon: 'success' }); } }); ``` 以上代码实现了基本的数据收集与验证流程，并通过事件绑定的方式捕获用户的输入数据[^4]。 --- #### 2. 数据存储与后端对接 为了保存用户填写的信息并进行后续审核操作，通常需要将这些数据发送到服务器上进行持久化存储。这一步骤涉及前后端联调工作，在前端需配置网络请求方法 (如使用 `wx.request`) 将表单数据传递给后台 API 接口[^5]。 假设存在这样一个 POST 请求用于上传数据，则可以在上述 JS 文件内的 `formSubmit()` 函数扩展如下内容: ```javascript formSubmit(e) { const { applicant, amount, date, remark } = e.detail.value; if (!applicant || !amount || !date) { wx.showToast({ title: '请完善信息', icon: 'none' }); return; } wx.showLoading({title:'正在提交'}); wx.request({ url: 'https://example.com/api/submitReimbursement', // 替换为实际接口地址 method: 'POST', header: {'content-type': 'application/json'}, data: JSON.stringify({ applicant, amount, date, remark }), success(res){ wx.hideLoading(); if(res.data.success){ wx.showToast({title:"提交成功",icon:"success"}); }else{ wx.showToast({title:`${res.data.message}`,icon:"error"}); } }, fail(){ wx.hideLoading(); wx.showToast({title:"网络错误，请稍后再试！",icon:"error"}); } }) } ``` 此片段展示了如何向远程服务发起 HTTPS 调用并将响应反馈至客户端显示状态消息[^6]。 --- #### 3. 审批流集成注意事项 如果涉及到复杂的业务逻辑比如多级领导逐层批准机制或者条件分支判断等功能模块时，则建议采用成熟的第三方平台解决方案（例如企业微信自带的工作台能力），而非完全依赖自定义开发途径解决所有问题[^7]。 另外值得注意的是，某些特定场景下可能无法直接获取官方提供的开放权限去调整内置插件行为特性——正如钉钉平台上所提到的情况那样[^8]。 ---
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值