动力节点SSM框架项目【CRM客户管理系统】实战实战教程-060原创

下边呢，大家我们就准备把我们这个日历这个插件应用到咱们CR项目里边，那来用到咱们这个CRM项目里边，看到了来登录，然后呢，这个地方张三，然后呢，这个地方YF123回车登录，然后呢这个地方来我们这个地方来创建市场活动，在这个地方一点它弹出来魔刀头弹摸的号，他一点开始日期，结束日期的时候一点这个地方应该出现一个日历，然后选上年月日，然后呢这个地方自动的选。然后这个地方一点，它也出来一个日历。所以我们准备加到这上面，那加到这上面怎么加，那那要针对创建市场活动的这个页面。引入这种日历插件就行了，那怎么引入三步走啊三步走第一步引入开发包，知道吧，那我们来引入吧，第一步引入开发包，那引入的话先下载，下载完之后把那些插件解压之后，把它开发包放到我们的外部APP上。那我们这个地方我们已经引进来了，这个地方我已经给他下载好了，搭建开发环境呢，已经下载好了，都放到外部APP下边了，这这是插件，好，那你要想用的话，把他们引入到你页面里了，那引入页面我们前面给他举例子，引入到我们这个页面里边，这个节奏里边了，那我要创建市场活动用，那我要引入到创建市场活动那个页面，哪个页面就是市场活动主页面。

那不是创建页面吧，用创建页面给他这个主页面在一起的，它只不过是个摩擦窗口而已，所以我要在这个页面里边来用日历插件，那怎么办呢？在这个页面里边引入这个什么日历的开发包，那怎么引入，大家看我们这个的引入之前我们说由于这个插件基于不得所框架，先引入框架，由于步骤所在框架引这个依赖于解块RY，先引解块RY，当然这个地方其实美国已经帮我们引好了。怎么引好了，这是先引解块位，然后呢再引入不得框架，然后呢再引入最大time皮克这种插件好吗？好，这是我们说的整。

啊，然后呢，大家看这上边是引入CSS，它是把CSS和GS分开引入。CSS之间没有顺序，GS之间是有顺序，因为GS之间互互相调用，CSS之间没有函数的概念，它没有互相调用，所以它这面顺序无所谓了，主要是GS要有顺序，所以它这个地方引入，先引入解块，再引入步骤合框架，然后再引入这种插件，那引入插件的时候再看他这个路径，这是美工给我们写那个路径，它这个路径给咱们现在这个路径一样吗？大家看看。引入不这个插件，对到time pick这个插件，你看这个路径一样吗？反不管一样不一样，我就考咱们那个，咱们那个测试页面里边的，把这俩GS引进来。我只引GS就行了，这把这个GS引进拷贝，然后呢，引入到咱们这里边，别的那俩肯定是引入成功的啊，因为那俩咱们没变好。

把他俩引进了，这个CSS大成一样不管，一样不一样，我引入CSS的时候，我也把他引进了。拷贝。然而，引入我们的。这个框架好了。这是我妈，这就行。啊，都到这个顶格去是，然后呢，再看引入框架的，现在的这些中啊，这些美工都是以前引好的，所以我们就不用管了是吧？好这样的话，他跟我们说，我要想在这里边一利用在这个页面里边用不对，到他们pick这种插件，第一步引入cover就引好了，第二步创建容器，创建容器其实就是单号整盒，那我们这个叫单号整盒，就是这俩，我们这个时方要用两个容器。

两个容，一个是开始日期，一个是结束日期，那两个容器加在两个容器上边都会加上日历，点任何一个都会出来一个日历，选中任何一个的日历，然后呢，它都会自动给我们填上这种日期知道，所以这是我们两个日期，两个日两个这种容期，这两个容器大部分方我说每工研发我们提供好了哪两个，就这两，这是单毫工本坑，大家看。然后呢，一个是开始日期讲，就这个档案模框，还有一个结束日期，诶这这个这是修改的，我们这是创建的这个开始日期结束期这俩容器知吧，俩容器都要给他加上单机时间知都要给他，给他什么调用工具函数。这是我们说这两容器的提供，这是我们说前两步都提供了，下边第三步，第三步容器都提供好了，开发包已经了，下边当容器加载完成之后，对容器调用工具函数，所以我们这个地方来当容器第三步，前两步都准备好了，下边第三步当容器加载完成之后。

对容器调用中函数啊，那如何对容器调用共享函数，那我们前面前面这个解例子我们给大家说了，它的语法就是你要对容器调用，首先选中容器。通过选择器拿到这个容器的解剖对象，然后调工具函数就行了。那我们这个地方再看，其实就直接调就行了，拷贝，然后呢，再入口函数，当液面加载完之后，那容器肯定也加载完了，然后调公函数去了，那这个地方跟我们以前做这个例子的时候不一样的地方就是什么意思，我们以前容器只有一个ID选择器，选中这一个标签，拿到这一个标签，结果对象一掉，然后它就日历就加绒，那现在来看我们说这个地方。

它是两个容器，你看吗？两个容器大，看那掉工具函数你怎么调。对，你这样，如果ID选择一次只能选择一个容器，那选择一个容器，那只对这一个容器加入日历了，那我要一下选给两个容器加上都加上单机实验怎么办呢？都对啊，两种方式是吧，第一种方式。一个什么拿到各自的ID，那调那个什么create杠，然后呢，这个地方叫start的date start date通过ID选择器这样掉一个这样加上了，然后呢，还有一个调另一个叫in的对方这样也可以。你再有也是通过ID选择器调就行了，这样可以这样思路更清晰。

您这就是符合我们的语法，我要对哪一个容器加上日历的话，我就选中那个容器，ID选择器，但ID上一次只能选一个容器，但是这样的话，我们说这样就有不好的地方，怎么不好的地方看吗？同样的代码写多份。他万一个页面上还有一些日历还得加上，你得调多份，那什么掉直接考不就行了。好的话，万一哪天需要改呢。你好几个地方都得改，所以维护起来成本太高了，所以那怎么办呢？我们不准备这么高了，不准备用掉多次了，那怎么办呢？让这个容器一下选让这个是吧，选择器一下选中两个容器。他选中几个一标签，那么那几个标签一定要工具函数都加上日历了。那我要想用这种一个什么选择器选中多个元素，我就不能用ID选择器了，那用什么选择器可以一下选中多个容器，多个标签。

那就不用ID上那个用什么向他借。属性对对，属性是吧，类选择器都行吧，其实有好多选择器的，大家以前学几块的时候学那些，很多选择器都可以实现，一个选择器选中多个标签。啊。还以用父子选择器，或者什么用这个页这个这个标签选择器，还可以用类选择器等等这些选择器，组合选择器这些都可以，但我们这个地方比较简单的话，你大家看，你看咱们这个地方，你会观察，你会发现。这个开始日期和结束日期大家看吗？开始日期、结束日期，这两个标签有共性，是看有什么共性。类一样，对类一样，这两类，所以我用这俩类选择器就行了，叫form c，叫什么form ctrl，但form ctrl，但这个东西有问题，你看别的类也一样，你看吧。

别的成本也有form，那怎么办呢？啊，你要用类，用它这个类一下选择所有class里边含有这个form c这种什么类的语言标签都选择都选都加上，都加上日历了，那我这个地方成本位一点也出来一个日历，那显然不合适，那怎么办呢？用类选的可不可以啊。可以，但是不能用这个类呢，用哪一个类。是不是可以给这个标签，给这俩标签再加一个类啊，再加一个类怎么加。再加一类怎么叫对空格，空格再加一类，这个类名叫什么无所谓了，假如我这个地方就叫my date，随便叫my date，然后呢，这个地方再加空格my date，这样的话，我们说这两个标签单号文框都有class my data这个class了。

那么我就用什么这个类，用类选择器，通过这个类名字，然后一下就选择这两个标签了，这诶你说老师这个地方奇怪了，一个标签里边的class怎么还有多个值呢。一个卡可不可以有多个值？大家以前学到时候里边拉作为标签的属性，它可不可以有多个值。可以有多个值。克拉斯不止有一个值，可以有任意多的值，值和值之间用空格隔开就行了。所以class并不只有一个值，所以大家这个地方大家要知道class不止有一个值，不止有一个值。它可以有多个值，那你看我们这个单这个class，你看吧，这个class这是一个值，这是一个值，看到吧，这是人家美工写的，中间用空格隔开，那你说还再加再加个值隔，可以空格隔开，再加个值也可以随便克拉属性，可以有任意多的值，值和值之间用空格隔开就行了，行吗？

所以大家这些呢，这些都是基础的语法，大家别忘了，以后你在这做页面的时候，也会经常遇到这一类的这一类问题，所以呢，再给他加个class就行了。好，然后呢，大哥那家用class，我这个地方可以通过类选择器了，那类选择器我就选中那些所有class里边有买data的那些什么标签，这个地方这个选择题应该怎么写。对，点MY，这样的话就把那些所有的那些标签，哪些标签class里边含有my data的标签全选中了，拿到他们的结块的对象了。

拿到之后点逮到time pick克，然后呢就给选中的所有的那些标签都加上日历。这是我们说到这。这是这样是吧，那你说老师我不用class，我有没有别的途径一下选中这两个角色，还有别的，还有别的方式吗？有还有还有啥方式。就ID组随便儿对走自己啥标签儿都能组的那些用户的话。知道啥啥知道吧，啥标签都能组合在一起，知吗？组合那种标签知吗？组合选的接种我可以这样，大家最常用的还是这种，我给他加个内幕可不可以，然后呢，这个地方来一个什么。MY。也给他起个名，随便给他起个名字，当然这个名字你随便起，然后呢，这个是什么叫MY。买地方，然后呢，我通过这个属性标签，通过这个通过标签选择器跟属性过滤一下，可不可以也可以是吧，那怎么过滤呢。

对，所有找那些什么到了符号啊，这个什么去找那些什么音input的标签，是不是这样的，找哪些音input标签，对通过一个属性过滤一下哪一个属性name等于什么my data的那些音input标签，这上账是不是也可以啊，可以，然后掉出调这个函数就行了，道理一样，道理一样，当然我这个地方给他注释掉了，对这种方式也是一样，知道吧。所以有很多人就像咱们那时用组合项也可以，反正总之它这个语法你认清楚了，是个什么，它这个什么，它这个它这个调函数的这个语法你认清楚了，那么至于怎么写的话，那就有多种途径了，他这个语法什么，你要给哪些标签加上日历，首先选中哪些标签拿到那些标签的解块对象怎么拿，那就是那那吧，大家就见仁见智了是吧，有各种各样的方式，然后吊上去就行，这样的话我们就可以了，当这样的话，我们这两个日期是吧，这两个这两个这个输入框也都加上日历了，好，下边我们来启动服务，来给大家简单测一测啊，当然我们了，当然我们说了，大看这俩是不是，他既然是日加上日历了，是不是以后也不让他改。

改成瑞登的吧，然后呢，这俩也给它加上瑞的，然后呢，这俩改成瑞登的这地方。然后呢，这是它加上V的能力，然后呢，这个地方也加入微能力，然后呢，我们这个启动服务，来大家再看一看。其实大家看这些语法，你只要想明白了，其实代码其实很简单，我们主要是研究这个过程，其实语法的话，我们说可能就三两行代码就解决了，主要是大家我们研究的这个过程啊好下网了张三，然后呢，这个地方来个Y23点进来，然后呢，再看创建市场活动点进来，你看吧，这来那我这个地方，你比如说咱我来创建一个，再来一个测试，当然这是零几了，测了几个了。

零三嘛，然后呢，这个地方大家看啊，日历就出来，然后选今天这个地方来选一个这个，然后呢点一个成本2000，然后呢这个描述测试零三占起。然后呢，大家我一点保存，其实也能够保存着啊，一点保存啊也能保存，然后再点开，我在想框架也是一样，跟我们以前完全一样，知道吧。啊，这是当然，我说你用日历选择给你以前自己输的结果都是一样的，也都能保到后台去哪个地方，你看市场活动这个标准少。

测试零三再看这是开始日期，结束日期也都保存到后台了，好这是我们刚才说到这个，关于我们这个创建市场活动这个功能呢，我们就给大家简单做到这儿，好这时候我们说。