33-组件-基础组件-datepicker 组件介绍

白水明天外，避风除沙后。大家好，欢迎来到编程世界。今天我们来一起学习一下基础组件部分的data picker。这个就是日期选择器组件，它可以用于指定日期的范围，并且创建日期滑动选择器。具体是什么？就是这个地方可以创建一个，比如你想在两千年和二零二零年之间去创建一个时间范围是可以的。

这里面可以滑动的去选择，你是哪一年、哪一个月、哪一日都可以。同时还可以切换阳历和阴历，这个地方可以去切换，它会有一个不同的显示方式。具体怎么展示？可以直接使用这个组件，里面可以看到可以穿一些参数，这个参数就是起始日期、截止日期，就是时间范围了。

还有select就是你选择的日期，当前选择日期当然可以看到没是不是问号，这都是问号，如果是不给就是有一个默认值，这个应该是具体哪一年，待会可以具体看一下api，这个就是系统的默认值。

这个地方就是滑动选择的时候切换的时候有一个on称者事件，这个就是选择日期时触发这个事件来返回的，也是一个data类型的结果。注意这个地方都有data，这里也是一个data，就是一个新的数据类型。就是时间格式，它不是族创也不是number数值。

具体看一下到编辑器里面，还是老规矩，在工程下面对应的目录里面的basic下面创建一个data picker，这么一个ets文件，创建一下，这个叫data picker，写一个列出来，这个时候创建一个就直接did a picker，看看是什么样子。

现在可以看到是出来了tatpe card的样子，可以去滑动的去选择，可以滑动，看到没？上下滑动也是一样的。但是有人会说了，今天录的其实不是二零二三年一月二十八日，可以看一下我系时间是二零二三年十一月二十二日，在这个地方，为什么这个时间对不住？是不是代码写错了？没写什么代码，直接就是这样对不对？

这个时候有疑问怎么办？要善用搜索工具，在这里搜索过了，就在这里搜索一下r r k u i，这个什么东西？data picker，selected时间不对，怎么时间不对？

·第一个就是get，它有一个修复未设置它的时候日期不对，点进来看一下，第一条就是，果然这里有一个bug，这个bug说修复了这个不对，虽然现在已经合并了，可能用的这个版本还没有生效，还在之前的版本，所以还有这个bug，这就是遇到问题之后可能不是自己写的代码有问题，但官方确实有这种情况，怎么办？

最靠谱的就是到官方的仓库里面看看有没有tpr的地方或者叫ashus，这个就是所有的bug都在这里面。

大家提到问题都可以在这里进行搜索，比如搜索地带pick，看看有没有相关的用的组件相关的bug，同时这个地方看到有一个状态是已经修复好了，拿个版本修复的，什么时间修复的，还有就是有些正在修或者没有修复，或者有一些作者给到的回复就是这不是一个bug，要具体怎么用在这里面都有详细的描述。

·那么回来继续看这个地方。就先不管了。

·那里面其实可以设置它的起始结束时间，可以改一个默认时间，看一下，可以看一下这个APP里面，delet picture进来之后，这里有起始结束和选择时间，在这里默认值是一九七零年一月一日，默认结束是二零一零年十二月三十一日，这个就是系统当前日期，刚才提到过了，是没有生效，是不对的。

·除此之外这里有一个属性，这个叫learner，就是去切换展示的是农历还是阳历，如果是处就是农历阴历，如果是false就是展示的不是农历，那就是展示阳历，具体看一下。

·这个地方就要给一个选择的时间，可以先给一个加islanner，这是一个布尔值，然后首先是给一个false，这样在这个地方给一个属性叫letter，这个时候给了这个值之后，首先是force，如果给一个初看一下，也就说变成农历，这个地方是不是变了，已经变成了十月初一，这明显是阴历的叫法，对不对？

·这个时候既然给了这个变量，是不是可以给一个button，让它去点击切换，改这个值，这里给一个button，抱歉，写错位置了，在这个里面，要写在这个位置叫butt，然后给一个叫切换。阳历、阴历。

看一下这个按钮已经出来了，给它一个绑定事件，给它一个on click，让它去改it's learner这么一个值。

是不是之前以前讲过？

是的。

这样每次点击它都会切换，就是它是处的情况下，点击起，点击之后它就会变成false。如果它是false状态，点击一下它就变成处。

当然这个时候点击它已经生效了，可以看到阳历、阴历，这个已经生效了。想要一个外编剧在这个button上给个二十，这样不让它贴太近。

还有什么属性可以看一下，这个地方就是改了之后是不是想让它去改变时间？现在它也是可以改变的，但是可以去获取到它改变之后这个时间。

这个地方是有一个点on change时间，on change的value看到没？是一个data picker的result，它其实也是data格式的结果。看一下它具体返回的是什么东西？cons 点 log，然后就打印一下value。

为什么要用jason there sit用 fire去打印value？为什么不直接打印value？是因为这个地方返回的应该是一个对象，这个地方是日期格式的对象。如果直接打印就是object，看不到里面详细的内容。

这个地方好像报错了，找不到value，可能是刚才报的错。现在看一下，改变了之后这个地方是不是打印了一个？再改变一下，比如改变成十月，这个地方是变成了，这个地方打印了一个依然是二零二三月是十月，这个day是十三。

切换成阳历具体看一下，十二月，这个地方是对着的，这个地方的年月日是对应的是阳历的值，大家说这个好像也对不住年和日对上了。这个月也还是对不上，对不对？

这个月明明是十二月，怎么是十一月？看看这个一月，看到一是零，二是一，也就说十二对应的就是十一。这个月份不是从一开始的，是从零开始的，零是一月份对应的，十一月份对应的十二月份，其他的都是一样的。

这个地方其实可以看一下这个 api，它里面讲的也有，对，这个月份是从零到十一，零代表一月份，十一月代表十一，十一代表十六月份，对不对？现在清楚了，这个地方怎么做？可以再给它一个做一个provide类型的theory city later。

这个做一个什么？做一个data类型的等个newdata，这里面给一个默认的值，给一个什么默认值？比如给一个二零二三年，今天是多少？十一月二十一号，给这么一个默认值，在家发现，这个地方默认值的时候之前都是默认一个number或者string，是吧？

这个地方是一个data类型的，data类型的就不能直接写这么一个时间了，如果直接写这个东西，写这个东西是一个字符串，需要把这个速算给到这个方法，返回的就是一个data类型的格式，对不对？这个时候可以往这个里面复制这个东西，因为它本身是一个data。

现在给this点，再来个对的data，等个什么？等个这一个value，对不对？这么直接等，发现报错了，怎么报错？点上来看一下，它缺失了一些什么什么什么，发现格式是对不上的，对不对？对不上，当然这个地方也有报错提示，也可以看一下这个地方，它说这个是格式不是一致的，这个时候怎么办？也就说不能把这个直接复制给它，这是一个data格式的。

其实不只是一个data格式，除了年月日的信息还有其他信息，怎么办？可以去给它set，因为它是一个data格式的，可以set副页儿，这个是什么？set，这是一个方法，这个数据格式的方法方法里面可是可以传参数，比如传是哪一年，哪一个月，还有哪一天，看一下，这个地方是有提示的对不对？哪一年，哪一月，哪一日，具体看一下，这个时候就是value 点year，value点mouse，value 点day，现在看是不是可以了？

这个时候也就是每次切换的时候把它选中的当前的年月日这个时间数据设置到这个里面，这个就是变量，这个时候是不是在这个里面有一个selected，把这个值给到它，这样每次切换，相对说切换了的数据有保存，其他地方可以用，同时又设置给了这个组件，现在切换，看到也是正常的切换到阳历，看一下。也是正常的。

除此之外看到这个是年月日，有的朋友会问想设置时间行不行？也是一样的，可以看一下下面有一个tampic，是在这个地方，这里是设定的时间单选组件，也就是可以看到当然也相同的一个selected，默认系统当前时间，这个时间应该是系统当前的十分钟，就是哪个第几个小时，哪一分钟。

这个地方还可以切换，是使用二十四小时制还是十二小时制，跟阳历阴历的切换是一样的，这里点击的时候点击切换，改变时间的时候是不是回来了一个tampicresult，回来就是一个时间格式的数据，这个时候有什么？有小时，有分钟。

下面具体的样子就是动图里展示的这个，可以看一下，虽然没有具体的去讲，但是相信大家完全有能力自己写出来这么一个tempercar，希望大家能够自己多多练习，可以把这个tempercar的例子也写出来。

农业无闲人，倾家荡产，下期见。