00:12
然后呢,这个地方来张三,然后呢,不不不用登录上啊,咱们这个测试页面直接写在外部直接访问就行了,写到外部APP下边页面,我们可以直接访问,从我从外界好,你看看我一点了要出来日历,那我这个地方当然可以选年月日十分秒选完之后它自动给我填,这之后我们这样你看我这个地方,然后呢,随便来一个,你看自动给我填,而且我一打开你看默认选中当前这个是吧,这个选中的这个日期,当然如果你要没选中,默认显示当前日期知道吗。他因为我们设置了已经是那个data,就这意思,好,这是我们这是日历,但是这个日历大看这个地方,我们说虽然这个日历结果能出来了,这是,但是这是一个最基本的日历,但是用户使用的时候可能还有一些更方便的地方,他没有给我们体现出来,还有哪些,当你大家以前大家在网上使用一些日历的时候,大家可能有体验,有体会,有些日历是么,在后边加一个这样。
01:14
对我一般来讲来讲的话,大家都是什么选择日期的时候,一般选择当前日期的这种情况比较多。那这个时候如果是你以前选过一个日期,它默认的吗?这个地方给你选中,你以前选中那个日期知道吗?如果你以前没选过,它默认选当前日期,假如你以前选过了,那我现在我就把它改成当前日期怎么办?那你还得找当前日期,找当前日期怎么找,那你还得找着年月日,那当然日期是多少,你还得记一下。啊,所以大家为了什么给用户体验方面,有的时候什么在这个日期,在这个日历下边会想着一个按钮,什么就是当天或者今天这个按钮,你要想选择当天日期,你不用再一个一个找年月日十分秒了,干什么直接点直接点这个这个按钮。
02:05
今天就行了,他会把今天的这个年月日,如果带十分秒,他给你带十分秒,把当前这个系统时间给你选了,知道吧,他有一个参数控制是否显示当天那个按钮的。哪一个就这个,就这个,还有一个参数的,参数和参数之间,大家看它这参数啊,大家看这是一个函数,函数里边有参数,这个参数是个对象,你看吗?大括号在GS里边叫对象,对象里边有一些参数名,参数值,参数名参数值,参数和参数之间逗号隔开知道吗?那我要再加一个参数,那逗号隔开,再加一个参数名参数值就行了,那这参数名叫什么?就这个啊,它上面有一个参数,就这个什么叫TODAY8层。是否显示当前,就今天那个按钮是否显示今天,今天这个按钮它默认是不显示的,默认是否是吧,你要如果想显示的话,你可以把它改成出表示啊,设置设置是是否显示,是否显示今天按钮,今天这个按钮啊,默认是默认是false,不显示,你要如果想显示今天的按钮,你可设置出就行了,那认选出的话呢话,你再一点上那个日历的时候,它会给你自动加一个按钮,那个按钮选的是当天或者今天。
03:41
你以后再选那个日期的时候,你只需要点那个选今天,你要如果假如选当天那个日期,你点那个按钮就行了。所以这些都是它这种效果,大家以后可能会遇到这种效果,大家可以看一看,然后呢,这个地方你比如说他我说刷新一下,我一点再看看,就这个。
04:02
他默认你以前选了7月14号,那么他选日子,我想今天怎么我一点这个情况,你看他就把今天这个系统时间给你选了。啊,当然咱们这个格式只有年月日,如果你这个地方带十分秒的那种格式,它会也会把后边当前系统时间十分秒也给你加到后面。这是我们说的这个日期。这是带看这这是这个这个参数,这个参数以后大家也会遇到这个参数,好,这是我们要说到这样好,这是其实当然这些参数是我们以后经最经常用的好,但是大家看啊,这些参数虽然能够正确的显示,而且大家也能提供这种用户的体验,也能显示今天这个按钮了,但是这样想着还有点问题,有什么问题,你比如大啥,现在我选中这个这么一个日期了,那我说以后我们所有的这种日期和时间都让用户选,不让用户填了,为什么?因为他填的话格式不统一啊,但这个地方还有问题,有啥问题你看啊。
05:04
用户假如说假如这个用户他选了一个日期了,选了本来是我们格式全部都是YY横杠MMDD这种格式,假如他选了,他就他就自己改。选完之后他可以自己改,你看吧,他一这么一改,将来一点保存,把这个字符串日期录入后后台了,那一录入后台。那一录入后台的话,那我们说大哥,那我们这种时间的这种格式,日期格式又不统一了,可能。那怎么办呢?所以的话,日既然用日历了,这些日期和时间都不能让他自己改了,只能选不能改,所以在实际开发的时候,像这些容器里边的这些什么内容都不能改了。只能通过日历来选择这种日期或者时间。想改都没法改,那这个时候不让他改怎么办呢?懂吧。
06:02
对,把它改成什么,把这个容器改成只读的,那只读的加什么,对read only或者disable也行,但是你这个disable的话,它我们说咱们以前给大家讲过read only和disable的区别是什么。有一个参数儿。对,Disable,即使有参数是不是也不能提交啊,Read?就不能改,但是能提交disable就是既不能改也不能提交,大家明白这意思吧。对,大家这也别忘了啊,所以我们这个地方,那我们既然是在表单里边,是不是我们要向后再提交呢,提交的话,这个地方可以加一个什么read only,加个read only,然后呢,这个地方一般我们这像这种容器都会加一个叫read only,加个它你要read only等于true也行,这样的话的话,再运行的话,它就不能改了,他想改都不不能改了,因为以前他想改它随随时可以改。
07:02
是吧,随时可以改明白,他随时可以改,那我们说这种日历这种容器一般来讲只能选不能改。包括大家以后用别的插件也都一样,容器一般只能选就不能改,你看我们这个地方大,再一这再一写这个,他他再一改,你看大家。他再改,他改不改不动了,他只能选是让他一点了,让他选了。2025年7月23号。想改的话不能改了,做成只读的,但是不能改,这个地方又有问题了,有啥问题?假如这个字段可以为空,用户不小心选了一个日期。那到后来什么他想着想点提交的时候,他发现这个什么这个字段我想空着空着怎么那他就想删,你要做成read only,他想删就删不掉了。
08:00
那删不掉,当用户他就想改变空怎么办呢。所以说大家这个容器里边这些数据,他只要一选了一个,他想删就删不掉了,那万一他就想删掉怎么办呢。这样做的re,上不掉,那怎么办呢?对,你做成read only,假如他不小心选了一个日期,到后来他不想选了,他想空着这个字段怎么办呢?有没有,有没有办法对,怎么把它删掉。对重置重置谁啊,重置整个表单吗。对,假如他有好几十个子弹,你全重置了。对,我不用框架里边,不用框架里边这功能东西可不可以。
09:01
也可以是吧,那咋可以。对,然后我们说以后你还要遇到这种功能,那怎么了,我可不可以在后边加个按钮。一点它清空清就清空它清空这个日期可不可以啊对,可以给他加个单击事件就行了,一点它把它设成空一执行我们JS代码接执行你的JS代码想把它变空,是不是把它值负空值就行了。对,这样就可以了,其实我们可以在这个地方加个按钮,一点开这个地方就清功。好,这是我们说的,这其实大家看这种功能,他知道你以后肯定会把它作为re,那做成re,你想用户想删商标了怎么办?他知道你肯定会遇到这种问题。那你遇到这种问题,就让他们说后边可以加上头,当然如果让程序员去加的话,那每一个程序员都得加,那很麻烦,那怎么办呢?他这种框架帮我们做了,这种插件帮我做了,他说这个地方还可以显示一个按钮,这个按钮是个清空,你一点它就把容器里边已选的这些内容给你清了,它自己给你显示这个按钮。
10:10
所以他插件他知道你这么用。他就给我们提供这便利支付,那如何让它显示清空按钮,通过这个参数,这里边还有一个参数,这个这个这个这些参数里边,这个对象里边还有一个参数,哪些参数就这个参数,这个参数大家他官方文档上里边好像没有,在这里边好像没有,我没找到。但是我们以后会经常用到的哪一个参数是这个clear button这个参数啊,这个参数默认是FOX,它表示什么意思?表示设置,设置是否显示清空按钮,清空按钮按钮,然后呢,默认啊是默认是false,也要不显示默认是。
11:14
你要如果想让它显示,那这个地方可以设置图,它就给你显示了,大家可以看,然后呢,大家我们这个地方来启动,大家可以看看。好,那我们再次来刷新这个插件的,我再点它咋开吧,就有清空了,你要想清空的话,你要不小心选中了你想清空的一点它咋啥,它就把容器自动给你清空了啊。好,这是我们说的这但这个地方大家你会发现有个问题,它这个地方你即使是选这个语言,选的是中文的语言,简体中文的这个地方,他也没给你翻译成简体中文的,他给你减了一个单词clear,就为什么,但我想他这个他这个参数应该是后期加的一个参数,他应该不是他这个正式的一个参数。
12:20
所以他这个语言没有起作用,对这个参数不起作用,所以按理说这个地方应该显示清空两字,你这样想了一个单词,谁知道什么意思,所以你学过英语的哦,你知道他是停工,万一有些用户他是非那么没学过英语,那这个他不知道这是什么意思。所以按理说你的作者清空俩字,那他没没有受到语言的控制,我也想着清空俩字怎么办?但怎么办呢?我就想显示清空两字。把它翻译成中文怎么办?那有什么好办法吧?那我老师就给他显示两显示俩字,关键这个插件是他这插件显示的这个这俩字。
13:03
不是我们做的插件。是插件来做的,是插件的开发,人家做的他这个都不给你显示,清空他就显示这个单词了,那你怎么办呢。对,给他改在哪改。那你想他显示这俩字,他是不是这俩字,它的这俩字咋运行出来的,一定在他程序里边运行出来的,它的程序在哪呢。引入开发包的时候,大家是不是我们已经把它程序拿到了,在哪呢?在这个插件里边得让他pick一定是在他这些代码里边呢。一定在这里边弄。因为它这个结果就是通过这些代码运行出来的,那还要显示,肯定是GS里边显示,既然它组修饰效果的,那我们来找找吧,看找这个单词,它这个单词一定在他程序里边,要么在这个程序里边,要么在这个程序里边找一找吧,一个一个的看,先看这里边,这里边看看有没有clear那个单词,有的话找到之后翻译成清空俩字就行,它一定是通过代码运行出来,要不然的话代码运行不出来,那这个结果你说它一运行它就出来了,它不可能就出来,一定是在代码里边写好的,那来看看吧,那怎么看呢?
14:18
对搜一下是吧,来找一找可丽尔是吧,然后呢,还可以选中到区别大小写,你看你找到啊,就这个看吧。给它改成改成清空就行了,还有别的吗?再找个下边没有了,上边没有了,那就是这个,那你找找这个单词里边有没有,这里边有没有清空,你问吗?可尔清空没有没有没有,整个代码里边只有这一个地方有个清空单词,可尔那个单词,所以它显示到那个单词那个按钮上面一定显示到这个地方,给它改成简体中文就行了,那你看一看呢,改完之后启动服务再看看。
15:00
所以大家你以后用的一些插件,很多都是外国人写的,有的支持中文,有的不支持,支持的直接写上指定中简体中文的语言就行了,如果不支持怎么自己翻译,自己把它翻译成简体中文,自己进行汉化,所以这时候大家也是经常使用的这种遇到的这种用法。使用外国人的一些插件,然后自己对他进行喊话。好,这是我那家,看我再一点开,再一点开啊没起作用,看我没起作用啊大啊,它这边有了缓存了,把来缓存清空就起作用,你看这地方还这个清空怎么清空呢。火狐怎么清空啊?对,C shift是吧,C shift delete,你要在这里边找也行,大哥在这里边一般在选项里边找它有个隐私,然后在这里边。啊,清空它点它清空就行,知道吧。
16:03
然后呢,这个地方再次运行,再次运行点开,诶还是不是是吧,然后呢,他说那就把它关了是吧,应该说关了就可以了。给你了这个地方来我们找一找我这个。哎。嗯嗯,HTTP啊,然后呢,这个地方127,然后呢,这个点进来啊还没有啊咋回事呢。这个地方还没清空,按钮就清空了。没清完吗?
17:02
重新来呀,他有有儿有缓存啊。选项隐私。清除数据缓存都清了。还是用的这个。啊。是啊,是导入,这导入的是哪一个。不的组对到上面屁股哦,导入的这个是吧,导入的是这个,导入的是哪一个是这个了是吧?是它里边这个导入,我们导入这个吧,导入这个。对,导入它用这个文件吗。
18:00
然后导入他那里边那个压缩版。那你要压缩版的是不是也有这个,它里边肯定也有这个单词,那你要想那个,你把它里边那个改了就行。有的时候你即使清,你即使改了,他也说他也那个效果也出不来,效果出不来咱就是缓存的事啊,像这些你看这样他就用我们的了啊,你要选中一个就说选中今天我想删清空的一点,它就清空了,知道吧。好,这是我们说的这种关于这个关于我们的这个BOO drive框架的这个,它这个data time pick这个日历这个插件,我们就说到这,由于这是咱们大家用到第一个前端插件,所以我们给大家讲的稍微多了一点啊,这是一个,这是一个开头是吧,以后大家用所有的前端插基本上都是这么用,都这么去研究去,即使大家以后在开发过程中遇到从来没遇到过的一些插件,那你用的话,以前老师也没讲过,那你从来没用过,怎么按照这种方式去研究。
19:09
怎么研究三步走,懂吧,这三步走所有的前端都涨好。这是我们说到这。
我来说两句