两列相同数据一一对应
在系统中，我们经常会用到日期时间选择器，它同时包含了日历日期和时间的选择，一般是下拉列表的形式进行选择。本文作者分享了如何在Axure中用中继器制作真实日期时间效果的下拉列表的方法，一起来学习一下吧。
在系统中，我们经常会用到日期时间选择器，它同时包含了日历日期的选择和时间的选择，一般是下拉列表的形式进行选择。
今天作者就教大家如何在Axure中用中继器制作真实日期时间效果的下拉列表。
一、效果展示
1、点击控件，可以弹出时间日期选择的下拉列表，在里面可以选择对应的日期和时间；
2、选择的日期是真实日期，即日期能一一对应真实的日期，哪一天是星期几都是真实对应的；
3、点击左箭头切换上月，右箭头切换到下月；双左箭头切换到上年，双右箭头切换至下一年；
4、可以点击年份或月份，快速选择置顶的年月；
5、选择后自动回显选择的日期和时间。
二、制作分析
一般而言会有三种方式来制作：
第一种是写死，写死在动态面板里面写几个月的日期，然后通过动态面板切换制作出对应的效果，这种的缺点是复用性差，而且只能显示写好的几个月，如果要查几十年的数据，就要做几百页，相当浪费时间，所以我们不用这种方式。
第二种是通过js调用，js调用的好处的简单快捷，通过几行js代码就可以调用浏览器的日期时间下拉列表，但是缺点也很明显：第一，不同浏览器不同版本自带的时间日期下拉列表不一样，你看到的是这个效果，别人看到的就是另一个效果；第二，后续的交互不好做，我们做选择器，后续可能会对中继器表格进行筛选或者其他交互，如果是用js调用的话，对于不懂代码的小白就无法进行后续的交互。
第三种是通过中继器和日期时间函数，制作一个日期时间模板，这种方式虽然做起来比较困难，但是制作之后复用性很高，因为用原生元件制作，所以对后续添加对应交互比较友好，可以随心所欲的添加后续效果，所以我们会用第三种方式来制作。
三、制作教程
这个原型可以主要分成4个部分：
1. 提示框提示框包括提示文字，矩形，图标这几部分组成，大家可以根据自身需要设置样式，也可以增加移入变色，选中变色等效果来美化。
鼠标单击提示框的时候，我们用显示的交互，将隐藏的下拉组合显示出来即可。
2. 日期部分日期部分我们主要是用中继器、文本标签、箭头等内容制作。
中间的日期我们是用中继器来制作，里面增加圆形，去除边线，矩形设置选中样式为填充颜色为蓝色，文字颜色为白色。中继器里共两列，一列是自带的Column0，一列是xuanzhong列，默认都为空就可以了。默认我们增加42行空行。
下面我们简单说一下逻辑，我们主要用到下面几个函数：
- now函数：可以获取现在的详细的日期
- get.date：可以获取今天是几号
- addDays：可以加减日期天数
- get.day：获取今天是星期几
我们要找到某年某月的第一天是星期几，原理是先获取今天的日期和周几，然后在通过计算出选中日期和今天日期的差值，从而获取到指定日期是中继器里的第几格。
上面这是同一个月的情况下，如果不同月不同年的话，我们还要用add.month和add.year来计算。
我们做的时候还要分4种情况，分别是一个月有30天、31天、28天和29天这三种情况。
根据不同条件的月份要增加不同的天数。
那点击做双左箭头其实就是把年份值-1，点击右箭头就是把年份值+1。
如果点击单左箭头就要分两种情况来分析了，一种是月份不等于1，那只要把记录月份的值减一就可以了，如果月份值等于1，相当于去到上年底了，所以月份值要变成12，年份值-1。
单右箭头也是同理，如果月份等于12，就去到下一年一月了，所以年费要加一，月份值变成1。
关于年份和月份的下拉列表，点击后设置对应年月记录值为选择内容即可，因为月份是固定12个月的，所以用多个文字标签制作即可，年份比较多，建议用中继器来制作，年份太多的话还可以转为动态面板调出滚动条来处理。
那我们在鼠标单击中继器里日期的时候，就用把中继器内文字和圆设置为真，因为之前设置了选中样式所以会变白，然后用设置文本的交互，记录选中的日期，并且具体日期和时间回显到选择框。
这里要说一点的是，如果切换到其他年份或者月份的操作，我们要要通过更新行的交互，更新一下选中列的值，这样其他年份的同一天才不会选中变色。
3. 时间部分时间部分我们用两个中继器来制作。
小时的中继器填写00-23，分钟的中继器里填写00-59，转为动态面板，增加滚动条。
同样的里面的矩形要设置选中样式。
中继器内部我们增加一个true列用于记录那个值未选中，如果true的值等于1，我们就选中该行内容。
鼠标单击时，我们用先更新所有行把true列的值更新为0，相当于全部取消选中，然后在用更新行的交互，将当前行的值更新为1。最后我们用设置文本的交互，把年月日时分选中的记录值回显到选择框即可。
这样我们就制作完成了日期时间下拉列表的原型模板了，下次使用时复制粘贴就能使用，需要增加后续交互也可以自行添加，是不是很方便呢？
那以上就是本期教程的全部内容，感兴趣的同学们可以动手试试哦，感谢您的阅读，我们下期见。
本文由 @AI产品人 原创发布于人人都是产品经理，未经许可，禁止转载
题图来自 Unsplash，基于 CC0 协议
该文观点仅代表作者本人，人人都是产品经理平台仅提供信息存储空间服务。
","gnid":"9c42e3978927eeea0","img_data":[{"flag":2,"img":[{"desc":"","height":"420","title":"","url":"https://p0.ssl.img.360kuai.com/t0188be4a6ae1a39c5f.jpg","width":"900"},{"desc":"","height":"346","s_url":"https://p0.ssl.img.360kuai.com/t01f415ebc371503bf5_1.gif","title":"","url":"https://p0.ssl.img.360kuai.com/t01f415ebc371503bf5.gif","width":"407"},{"desc":"","height":"245","title":"","url":"https://p0.ssl.img.360kuai.com/t01a7432f2f3ff4e2d0.jpg","width":"241"},{"desc":"","height":"201","title":"","url":"https://p0.ssl.img.360kuai.com/t01c03bdf4f5e9b04ef.jpg","width":"304"},{"desc":"","height":"431","title":"","url":"https://p0.ssl.img.360kuai.com/t018535e854ef040702.jpg","width":"774"},{"desc":"","height":"364","title":"","url":"https://p0.ssl.img.360kuai.com/t01646b82708bda70b8.jpg","width":"211"},{"desc":"","height":"166","title":"","url":"https://p0.ssl.img.360kuai.com/t0160f085c4204f38b0.jpg","width":"344"},{"desc":"","height":"191","title":"","url":"https://p0.ssl.img.360kuai.com/t01779dfcc95f291c3a.jpg","width":"342"}]}],"original":0,"pat":"art_src_3,fts0,sts0","powerby":"hbase","pub_time":1681377720000,"pure":"","rawurl":"http://zm.news.so.com/023706040d2951af785ecb16f3df1785","redirect":0,"rptid":"01c6236448ec3c2d","rss_ext":[],"s":"t","src":"人人都是产品经理","tag":[],"title":"Axure高保真教程：日期时间下拉列表
充君家1001excel 里的有A列,C列名字,有许多相同和不同的,我想把两列相同的名字一一对应放在前面,不同的放在后面! -
益中巩18890126897 ______ 分别把A列和C列排序.就能把相同的名字一一对应了
充君家1001excel中我有两列数据,他们一一对应很多行,需要把它们的排列顺序调换,怎么弄? -
益中巩18890126897 ______ 在此两列数据之前插入一列.操作为:选中最前1列,右键,选择“插入”. 在新插入的1列中输入一个序列,操作方法为: 在新列的最上方输入数字1,而后选择这个列中需要输入数字的所有区域,即后两列的所有行所在本列的单元格. 而后“编辑”----“填充”----“序列”. 在序列对话框中确认步长为“1”.单击确定. 在新的列中,从第一行到最后一行,出现了一个步长为1的等差数列. 选中所有数据,包括原来的两列数据,选择“数据”----“排序”. 在排序对话框中选择第一列所在的“列号”.排序方式选择“降序”. 单击确定. 所有数据均排列顺序调换了. 完成!
充君家1001如图,Excel中如何让两列值一一对应出来.有几百行数据,A列数据为11和22,B列数据为1.4和 -
益中巩18890126897 ______ B3输入=IF(A3=11,1.4,1.7) 回车并向下填充.
充君家1001如何在EXCEL中实现:两列中有相同的数字,:只要这两列中有相同数字,则就进行匹配,带出相应数据! -
益中巩18890126897 ______ 可是使用通配符: =VLOOKUP(＂*＂&A1&＂*＂,Sheet2!A:B,2,0) 但是Sheet2中A列的数据必须是文本格式,如果是纯数字的常规格式是匹配不出来的,必须设置为文本格式.
充君家1001excel 两组数据,使其一一对应,左右一样. -
益中巩18890126897 ______ 亲,截图没有行号列标,没法写公式呀…… 用公式可以操作,步骤稍微有点多.举例如下.A/B两列是第一组数据,F/G是第二组数据.在C2粘贴这个公式并下拉:=IF(COUNTIF(F:F,A2),A2,＂＂) 在D2粘贴这个公式并下拉:=IF(C2<>＂＂,VLOOKUP(C2,F:G,2,),＂＂) 在H2粘贴这个公式并下拉:=IF(COUNTIF(A:A,F2),＂＂,＂无对应项＂)
充君家1001excel表格里面我要找两列里面相同的对应 -
益中巩18890126897 ______ C列输入公式 =IF(A2=B2,0,1) 往下拉,然后用C列排序 看是不是你想要的
充君家1001关于excel2003里两列相同的数据如何自动对应在同一行里 -
益中巩18890126897 ______ 可能是我没理解你的意思,如果你的意思是从A列中找到和C列相同的数据,然后把与A列同在一行的B列数据找出来的话,可用Vlookup函数在D列输入=vlookup(c1,$a$1:$b$8,2,false),用填充柄向下复制.
充君家1001excle表格中,用什么函数可以把两个列里的等值一一对应排列好? -
益中巩18890126897 ______ 匹配 ,使用vlookup公式.26952751
充君家1001怎么比对两个excel中两列数据相同的数据 -
益中巩18890126897 ______ 方法/步骤 我们以下表的数据为例,具体的介绍一下操作方法.方法一:Excel分别对AB列两列数据对e69da5e6ba903231313335323631343130323136353331333363376534比,比如A2=B2,就返回相同,否则返回不相同.D2公式为:=IF(C2=...
充君家1001表格中如何比较同期同项目而排序不同的两组数?表格中如何比较同期同
益中巩18890126897 ______ 1、假如要比较两列数据A,B,在C2输入:=vlookup(B2,A2,1,0)公式,然后把这公式复制到C列与AB列对应的其他单元格中,数据相同时将会显示原数据,数据不同时会显示:#N/A . 2、我所说的是一一对应的两列数据的比较,如果不是一一对应的两组数据,楼上的回答是正确的,只是要在D列多加一条公式=vlookup(A1,$B:$B,1,0),才可以找到另一列数多出的不同数据. 3、例:比较(40,20,50,30)与(30,40,50,60)的不同.如果是一一对应的比较,则 会有三对是不同的,只有50这对是相同的.如果是不一一对应的比较,将会找到(30,40,50)是相同的,(20,60)是不同的.