You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1 line
26 KiB
Plaintext

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

{"version":3,"sources":["webpack:///C:/Users/lenovo/Desktop/uni-Identify-quality/uview-ui/components/u-datetime-picker/u-datetime-picker.vue?162e","webpack:///C:/Users/lenovo/Desktop/uni-Identify-quality/uview-ui/components/u-datetime-picker/u-datetime-picker.vue?4703","webpack:///C:/Users/lenovo/Desktop/uni-Identify-quality/uview-ui/components/u-datetime-picker/u-datetime-picker.vue?9695","webpack:///C:/Users/lenovo/Desktop/uni-Identify-quality/uview-ui/components/u-datetime-picker/u-datetime-picker.vue?3bcd","uni-app:///uview-ui/components/u-datetime-picker/u-datetime-picker.vue","webpack:///C:/Users/lenovo/Desktop/uni-Identify-quality/uview-ui/components/u-datetime-picker/u-datetime-picker.vue?bec6"],"names":["renderjs","component","options","__file","components","uPicker","e","message","indexOf","console","error","render","_vm","this","_h","$createElement","_self","_c","recyclableRender","staticRenderFns","_withStripped","result","name","mixins","data","columns","innerDefaultIndex","innerFormatter","watch","show","propsChange","computed","mounted","methods","init","setFormatter","close","cancel","confirm","value","mode","intercept","uni","change","values","selectValue","minute","date","hour","updateColumnValue","updateIndexs","formatter","updateColumns","getOriginColumns","range","type","generateArray","correctValue","getRanges","maxYear","maxDate","maxMonth","maxHour","maxMinute","minYear","minDate","minMonth","minHour","minMinute","getBoundary","month"],"mappings":"wJAAA,oIACIA,EADJ,QASIC,EAAY,qBACd,aACA,YACA,sBACA,EACA,KACA,WACA,MACA,EACA,gBACAD,GAGFC,EAAUC,QAAQC,OAAS,8DACZ,aAAAF,E,0CCvBf,uQ,iCCAA,IAAIG,EAAJ,0LACA,IACEA,EAAa,CACXC,QAAS,WACP,OAAO,0GAKX,MAAOC,GACP,IAC+C,IAA7CA,EAAEC,QAAQC,QAAQ,wBACa,IAA/BF,EAAEC,QAAQC,QAAQ,QAWlB,MAAMF,EATNG,QAAQC,MAAMJ,EAAEC,SAChBE,QAAQC,MAAM,mBACdD,QAAQC,MACN,uFAEFD,QAAQC,MACN,mDAMN,IAAIC,EAAS,WACX,IAAIC,EAAMC,KACNC,EAAKF,EAAIG,eACJH,EAAII,MAAMC,IAEjBC,GAAmB,EACnBC,EAAkB,GACtBR,EAAOS,eAAgB,G,iCCjCvB,yHAA+rB,eAAG,G,oJCgClsB,YACA,YATA,gBACA,SACA,iBACA,YACAC,UAEA,SAIA,MAgCA,CACAC,uBACAC,2CACAC,gBACA,OACAC,WACAC,qBACAC,6BAAA,YAGAC,OACAC,mBACA,GACA,yCAGAC,uBACA,cAGAC,UAEAD,uBACA,kHAGAE,mBACA,aAEAC,SACAC,gBACA,8CACA,yCAGAC,yBACA,uBAGAC,iBACA,0BACA,qBAIAC,kBACA,sBAGAC,mBACA,sBACAC,sBACAC,iBAEA,qCAGAC,wBACA,sBAEA,mBACAC,+BACA,GACA,kBACA,KACA,eACAA,+BACA,GAEA,MAIAC,mBACA,eAAAC,WACA,KACA,sBAEAC,mFACA,CAEA,kDACA,uCACA,8CACA,IAAAC,IAEA,0DAEA,2BACAC,KAGAA,gBACA,yBACAC,uCACAF,wCAGAD,gCAGAA,uBACA,kBACA,0BAEA,qBACAN,QAKAC,kBAIAS,8BACA,kBACA,qBACA,sBAGAC,yBACA,SACA,sCACA,eACA,uBAEA,mBAEAN,wCACA,CACA,YACAA,GACAO,6CAEAA,0CAEA,oBAEAP,4CAEA,wBAEAA,0HAKA,sCAEA,kEAEA,0BAGAQ,yBACA,0CAEA,qGACA,gBAEAC,4BAAA,WAEA,iDAAAC,UACA,6BACA,aAEA,OADAf,0CACA,KAMA,OAHA,WACAK,iBAEA,CAAAW,OAAAX,aAEA,UAGAY,4BACA,mDAGAC,yBACA,yBASA,GARA,sBAEAlB,eACA,OAEAA,kFAGA,EAWA,OAFAA,wEACAA,uEACA,EAVA,sEACA,wCAAAS,OAAAF,OAIA,OAFAE,gEACAF,oEACA,4BASAY,qBACA,sBACA,OACA,CACAH,YACAD,mCAEA,CACAC,cACAD,wCAIA,8CAAAK,YAAAC,YAAAC,aAAAC,YAAAC,cACA,0CAAAC,YAAAC,YAAAC,aAAAC,YAAAC,cACA,GACA,CACAb,YACAD,aAEA,CACAC,aACAD,aAEA,CACAC,WACAD,aAEA,CACAC,YACAD,aAEA,CACAC,cACAD,cAOA,MAJA,oBACAjC,cACA,0BACAA,cACA,GAGAgD,0BAAA,MACA,cACA,sCACA,0BACA,IACA,IACA,IACA,IAqBA,MApBA,YACAC,KAEAvB,iCACAC,KACAF,OAGA,6BACAwB,8BACA,gCACAvB,2BACA,6BACAC,2BACA,6BACAF,gCAKA,+BACAS,uCACAA,wCACAA,uCACAA,uCACAA,oBAIA,c,6DClWA,yHAAszC,eAAG,G","file":"uview-ui/components/u-datetime-picker/u-datetime-picker.js","sourcesContent":["import { render, staticRenderFns, recyclableRender, components } from \"./u-datetime-picker.vue?vue&type=template&id=ecaf3bdc&scoped=true&\"\nvar renderjs\nimport script from \"./u-datetime-picker.vue?vue&type=script&lang=js&\"\nexport * from \"./u-datetime-picker.vue?vue&type=script&lang=js&\"\nimport style0 from \"./u-datetime-picker.vue?vue&type=style&index=0&id=ecaf3bdc&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"ecaf3bdc\",\n null,\n false,\n components,\n renderjs\n)\n\ncomponent.options.__file = \"uview-ui/components/u-datetime-picker/u-datetime-picker.vue\"\nexport default component.exports","export * from \"-!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--17-0!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./u-datetime-picker.vue?vue&type=template&id=ecaf3bdc&scoped=true&\"","var components\ntry {\n components = {\n uPicker: function () {\n return import(\n /* webpackChunkName: \"uview-ui/components/u-picker/u-picker\" */ \"@/uview-ui/components/u-picker/u-picker.vue\"\n )\n },\n }\n} catch (e) {\n if (\n e.message.indexOf(\"Cannot find module\") !== -1 &&\n e.message.indexOf(\".vue\") !== -1\n ) {\n console.error(e.message)\n console.error(\"1. 排查组件名称拼写是否正确\")\n console.error(\n \"2. 排查组件是否符合 easycom 规范文档https://uniapp.dcloud.net.cn/collocation/pages?id=easycom\"\n )\n console.error(\n \"3. 若组件不符合 easycom 规范,需手动引入,并在 components 中注册该组件\"\n )\n } else {\n throw e\n }\n}\nvar render = function () {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n}\nvar recyclableRender = false\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns, recyclableRender, components }","import mod from \"-!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--13-1!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./u-datetime-picker.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--13-1!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./u-datetime-picker.vue?vue&type=script&lang=js&\"","<template>\r\n\t<u-picker\r\n\t\tref=\"picker\"\r\n\t\t:show=\"show\"\r\n\t\t:closeOnClickOverlay=\"closeOnClickOverlay\"\r\n\t\t:columns=\"columns\"\r\n\t\t:title=\"title\"\r\n\t\t:itemHeight=\"itemHeight\"\r\n\t\t:showToolbar=\"showToolbar\"\r\n\t\t:visibleItemCount=\"visibleItemCount\"\r\n\t\t:defaultIndex=\"innerDefaultIndex\"\r\n\t\t:cancelText=\"cancelText\"\r\n\t\t:confirmText=\"confirmText\"\r\n\t\t:cancelColor=\"cancelColor\"\r\n\t\t:confirmColor=\"confirmColor\"\r\n\t\t@close=\"close\"\r\n\t\t@cancel=\"cancel\"\r\n\t\t@confirm=\"confirm\"\r\n\t\t@change=\"change\"\r\n\t>\r\n\t</u-picker>\r\n</template>\r\n\r\n<script>\r\n\tfunction times(n, iteratee) {\r\n\t let index = -1\r\n\t const result = Array(n < 0 ? 0 : n)\r\n\t while (++index < n) {\r\n\t result[index] = iteratee(index)\r\n\t }\r\n\t return result\r\n\t}\r\n\timport props from './props.js';\r\n\timport dayjs from '../../libs/util/dayjs.js';\r\n\t/**\r\n\t * DatetimePicker 时间日期选择器\r\n\t * @description 此选择器用于时间日期\r\n\t * @tutorial https://www.uviewui.com/components/datetimePicker.html\r\n\t * @property {Boolean}\t\t\tshow\t\t\t\t用于控制选择器的弹出与收起 ( 默认 false )\r\n\t * @property {Boolean}\t\t\tshowToolbar\t\t\t是否显示顶部的操作栏 ( 默认 true )\r\n\t * @property {String | Number}\tvalue\t\t\t\t绑定值\r\n\t * @property {String}\t\t\ttitle\t\t\t\t顶部标题\r\n\t * @property {String}\t\t\tmode\t\t\t\t展示格式 mode=date为日期选择mode=time为时间选择mode=year-month为年月选择mode=datetime为日期时间选择 ( 默认 datetime )\r\n\t * @property {Number}\t\t\tmaxDate\t\t\t\t可选的最大时间 默认值为后10年\r\n\t * @property {Number}\t\t\tminDate\t\t\t\t可选的最小时间 默认值为前10年\r\n\t * @property {Number}\t\t\tminHour\t\t\t\t可选的最小小时仅mode=time有效 ( 默认 0 )\r\n\t * @property {Number}\t\t\tmaxHour\t\t\t\t可选的最大小时仅mode=time有效\t ( 默认 23 )\r\n\t * @property {Number}\t\t\tminMinute\t\t\t可选的最小分钟仅mode=time有效\t ( 默认 0 )\r\n\t * @property {Number}\t\t\tmaxMinute\t\t\t可选的最大分钟仅mode=time有效 ( 默认 59 )\r\n\t * @property {Function}\t\t\tfilter\t\t\t\t选项过滤函数\r\n\t * @property {Function}\t\t\tformatter\t\t\t选项格式化函数\r\n\t * @property {Boolean}\t\t\tloading\t\t\t\t是否显示加载中状态 ( 默认 false )\r\n\t * @property {String | Number}\titemHeight\t\t\t各列中单个选项的高度 ( 默认 44 )\r\n\t * @property {String}\t\t\tcancelText\t\t\t取消按钮的文字 ( 默认 '取消' )\r\n\t * @property {String}\t\t\tconfirmText\t\t\t确认按钮的文字 ( 默认 '确认' )\r\n\t * @property {String}\t\t\tcancelColor\t\t\t取消按钮的颜色 ( 默认 '#909193' )\r\n\t * @property {String}\t\t\tconfirmColor\t\t确认按钮的颜色 ( 默认 '#3c9cff' )\r\n\t * @property {String | Number}\tvisibleItemCount\t每列中可见选项的数量 ( 默认 5 )\r\n\t * @property {Boolean}\t\t\tcloseOnClickOverlay\t是否允许点击遮罩关闭选择器 ( 默认 false )\r\n\t * @property {Array}\t\t\tdefaultIndex\t\t各列的默认索引\r\n\t * @event {Function} close 关闭选择器时触发\r\n\t * @event {Function} confirm 点击确定按钮,返回当前选择的值\r\n\t * @event {Function} change 当选择值变化时触发\r\n\t * @event {Function} cancel 点击取消按钮\r\n\t * @example <u-datetime-picker :show=\"show\" :value=\"value1\" mode=\"datetime\" ></u-datetime-picker>\r\n\t */\r\n\texport default {\r\n\t\tname: 'datetime-picker',\r\n\t\tmixins: [uni.$u.mpMixin, uni.$u.mixin, props],\r\n\t\tdata() {\r\n\t\t\treturn {\r\n\t\t\t\tcolumns: [],\r\n\t\t\t\tinnerDefaultIndex: [],\r\n\t\t\t\tinnerFormatter: (type, value) => value\r\n\t\t\t}\r\n\t\t},\r\n\t\twatch: {\r\n\t\t\tshow(newValue, oldValue) {\r\n\t\t\t\tif (newValue) {\r\n\t\t\t\t\tthis.updateColumnValue(this.innerValue)\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\tpropsChange() {\r\n\t\t\t\tthis.init()\r\n\t\t\t}\r\n\t\t},\r\n\t\tcomputed: {\r\n\t\t\t// 如果以下这些变量发生了变化,意味着需要重新初始化各列的值\r\n\t\t\tpropsChange() {\r\n\t\t\t\treturn [this.mode, this.maxDate, this.minDate, this.minHour, this.maxHour, this.minMinute, this.maxMinute, this.filter, ]\r\n\t\t\t}\r\n\t\t},\r\n\t\tmounted() {\r\n\t\t\tthis.init()\r\n\t\t},\r\n\t\tmethods: {\r\n\t\t\tinit() {\r\n\t\t\t\tthis.innerValue = this.correctValue(this.value)\r\n\t\t\t\tthis.updateColumnValue(this.innerValue)\r\n\t\t\t},\r\n\t\t\t// 在微信小程序中不支持将函数当做props参数故只能通过ref形式调用\r\n\t\t\tsetFormatter(e) {\r\n\t\t\t\tthis.innerFormatter = e\r\n\t\t\t},\r\n\t\t\t// 关闭选择器\r\n\t\t\tclose() {\r\n\t\t\t\tif (this.closeOnClickOverlay) {\r\n\t\t\t\t\tthis.$emit('close')\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\t// 点击工具栏的取消按钮\r\n\t\t\tcancel() {\r\n\t\t\t\tthis.$emit('cancel')\r\n\t\t\t},\r\n\t\t\t// 点击工具栏的确定按钮\r\n\t\t\tconfirm() {\r\n\t\t\t\tthis.$emit('confirm', {\r\n\t\t\t\t\tvalue: this.innerValue,\r\n\t\t\t\t\tmode: this.mode\r\n\t\t\t\t})\r\n\t\t\t\tthis.$emit('input', this.innerValue)\r\n\t\t\t},\r\n\t\t\t//用正则截取输出值,当出现多组数字时,抛出错误\r\n\t\t\tintercept(e,type){\r\n\t\t\t\tlet judge = e.match(/\\d+/g)\r\n\t\t\t\t//判断是否掺杂数字\r\n\t\t\t\tif(judge.length>1){\r\n\t\t\t\t\tuni.$u.error(\"请勿在过滤或格式化函数时添加数字\")\r\n\t\t\t\t\treturn 0\r\n\t\t\t\t}else if(type&&judge[0].length==4){//判断是否是年份\r\n\t\t\t\t\treturn judge[0]\r\n\t\t\t\t}else if(judge[0].length>2){\r\n\t\t\t\t\tuni.$u.error(\"请勿在过滤或格式化函数时添加数字\")\r\n\t\t\t\t\treturn 0\r\n\t\t\t\t}else{\r\n\t\t\t\t\treturn judge[0]\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\t// 列发生变化时触发\r\n\t\t\tchange(e) {\r\n\t\t\t\tconst { indexs, values } = e\r\n\t\t\t\tlet selectValue = ''\r\n\t\t\t\tif(this.mode === 'time') {\r\n\t\t\t\t\t// 根据value各列索引从各列数组中取出当前时间的选中值\r\n\t\t\t\t\tselectValue = `${this.intercept(values[0][indexs[0]])}:${this.intercept(values[1][indexs[1]])}`\r\n\t\t\t\t} else {\r\n\t\t\t\t\t// 将选择的值转为数值,比如'03'转为数值的3'2019'转为数值的2019\r\n\t\t\t\t\tconst year = parseInt(this.intercept(values[0][indexs[0]],'year'))\r\n\t\t\t\t\tconst month = parseInt(this.intercept(values[1][indexs[1]]))\r\n\t\t\t\t\tlet date = parseInt(values[2] ? this.intercept(values[2][indexs[2]]) : 1)\r\n\t\t\t\t\tlet hour = 0, minute = 0\r\n\t\t\t\t\t// 此月份的最大天数\r\n\t\t\t\t\tconst maxDate = dayjs(`${year}-${month}`).daysInMonth()\r\n\t\t\t\t\t// year-month模式下date不会出现在列中设置为1为了符合后边需要减1的需求\r\n\t\t\t\t\tif (this.mode === 'year-month') {\r\n\t\t\t\t\t date = 1\r\n\t\t\t\t\t}\r\n\t\t\t\t\t// 不允许超过maxDate值\r\n\t\t\t\t\tdate = Math.min(maxDate, date)\r\n\t\t\t\t\tif (this.mode === 'datetime') {\r\n\t\t\t\t\t hour = parseInt(this.intercept(values[3][indexs[3]]))\r\n\t\t\t\t\t minute = parseInt(this.intercept(values[4][indexs[4]]))\r\n\t\t\t\t\t}\r\n\t\t\t\t\t// 转为时间模式\r\n\t\t\t\t\tselectValue = Number(new Date(year, month - 1, date, hour, minute))\r\n\t\t\t\t}\r\n\t\t\t\t// 取出准确的合法值,防止超越边界的情况\r\n\t\t\t\tselectValue = this.correctValue(selectValue)\r\n\t\t\t\tthis.innerValue = selectValue\r\n\t\t\t\tthis.updateColumnValue(selectValue)\r\n\t\t\t\t// 发出change时间value为当前选中的时间戳\r\n\t\t\t\tthis.$emit('change', {\r\n\t\t\t\t\tvalue: selectValue,\r\n\t\t\t\t\t// #ifndef MP-WEIXIN\r\n\t\t\t\t\t// 微信小程序不能传递this实例会因为循环引用而报错\r\n\t\t\t\t\tpicker: this.$refs.picker,\r\n\t\t\t\t\t// #endif\r\n\t\t\t\t\tmode: this.mode\r\n\t\t\t\t})\r\n\t\t\t},\r\n\t\t\t// 更新各列的值进行补0、格式化等操作\r\n\t\t\tupdateColumnValue(value) {\r\n\t\t\t\tthis.innerValue = value\r\n\t\t\t\tthis.updateColumns()\r\n\t\t\t\tthis.updateIndexs(value)\r\n\t\t\t},\r\n\t\t\t// 更新索引\r\n\t\t\tupdateIndexs(value) {\r\n\t\t\t\tlet values = []\r\n\t\t\t\tconst formatter = this.formatter || this.innerFormatter\r\n\t\t\t\tconst padZero = uni.$u.padZero\r\n\t\t\t\tif (this.mode === 'time') {\r\n\t\t\t\t\t// 将time模式的时间用:分隔成数组\r\n\t\t\t\t const timeArr = value.split(':')\r\n\t\t\t\t\t// 使用formatter格式化方法进行管道处理\r\n\t\t\t\t values = [formatter('hour', timeArr[0]), formatter('minute', timeArr[1])]\r\n\t\t\t\t} else {\r\n\t\t\t\t const date = new Date(value)\r\n\t\t\t\t values = [\r\n\t\t\t\t formatter('year', `${dayjs(value).year()}`),\r\n\t\t\t\t\t\t// 月份补0\r\n\t\t\t\t formatter('month', padZero(dayjs(value).month() + 1))\r\n\t\t\t\t ]\r\n\t\t\t\t if (this.mode === 'date') {\r\n\t\t\t\t\t\t// date模式需要添加天列\r\n\t\t\t\t values.push(formatter('day', padZero(dayjs(value).date())))\r\n\t\t\t\t }\r\n\t\t\t\t if (this.mode === 'datetime') {\r\n\t\t\t\t\t\t// 数组的push方法可以写入多个参数\r\n\t\t\t\t values.push(formatter('day', padZero(dayjs(value).date())), formatter('hour', padZero(dayjs(value).hour())), formatter('minute', padZero(dayjs(value).minute())))\r\n\t\t\t\t }\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// 根据当前各列的所有值,从各列默认值中找到默认值在各列中的索引\r\n\t\t\t\tconst indexs = this.columns.map((column, index) => {\r\n\t\t\t\t\t// 通过取大值,可以保证不会出现找不到索引的-1情况\r\n\t\t\t\t\treturn Math.max(0, column.findIndex(item => item === values[index]))\r\n\t\t\t\t})\r\n\t\t\t\tthis.innerDefaultIndex = indexs\r\n\t\t\t},\r\n\t\t\t// 更新各列的值\r\n\t\t\tupdateColumns() {\r\n\t\t\t const formatter = this.formatter || this.innerFormatter\r\n\t\t\t\t// 获取各列的值并且map后对各列的具体值进行补0操作\r\n\t\t\t const results = this.getOriginColumns().map((column) => column.values.map((value) => formatter(column.type, value)))\r\n\t\t\t\tthis.columns = results\r\n\t\t\t},\r\n\t\t\tgetOriginColumns() {\r\n\t\t\t // 生成各列的值\r\n\t\t\t const results = this.getRanges().map(({ type, range }) => {\r\n\t\t\t let values = times(range[1] - range[0] + 1, (index) => {\r\n\t\t\t let value = range[0] + index\r\n\t\t\t value = type === 'year' ? `${value}` : uni.$u.padZero(value)\r\n\t\t\t return value\r\n\t\t\t })\r\n\t\t\t\t\t// 进行过滤\r\n\t\t\t if (this.filter) {\r\n\t\t\t values = this.filter(type, values)\r\n\t\t\t }\r\n\t\t\t return { type, values }\r\n\t\t\t })\r\n\t\t\t return results\r\n\t\t\t},\r\n\t\t\t// 通过最大值和最小值生成数组\r\n\t\t\tgenerateArray(start, end) {\r\n\t\t\t\treturn Array.from(new Array(end + 1).keys()).slice(start)\r\n\t\t\t},\r\n\t\t\t// 得出合法的时间\r\n\t\t\tcorrectValue(value) {\r\n\t\t\t\tconst isDateMode = this.mode !== 'time'\r\n\t\t\t\tif (isDateMode && !uni.$u.test.date(value)) {\r\n\t\t\t\t\t// 如果是日期类型,但是又没有设置合法的当前时间的话,使用最小时间为当前时间\r\n\t\t\t\t\tvalue = this.minDate\r\n\t\t\t\t} else if (!isDateMode && !value) {\r\n\t\t\t\t\t// 如果是时间类型,而又没有默认值的话,就用最小时间\r\n\t\t\t\t\tvalue = `${uni.$u.padZero(this.minHour)}:${uni.$u.padZero(this.minMinute)}`\r\n\t\t\t\t}\r\n\t\t\t\t// 时间类型\r\n\t\t\t\tif (!isDateMode) {\r\n\t\t\t\t\tif (String(value).indexOf(':') === -1) return uni.$u.error('时间错误请传递如12:24的格式')\r\n\t\t\t\t\tlet [hour, minute] = value.split(':')\r\n\t\t\t\t\t// 对时间补零,同时控制在最小值和最大值之间\r\n\t\t\t\t\thour = uni.$u.padZero(uni.$u.range(this.minHour, this.maxHour, Number(hour)))\r\n\t\t\t\t\tminute = uni.$u.padZero(uni.$u.range(this.minMinute, this.maxMinute, Number(minute)))\r\n\t\t\t\t\treturn `${ hour }:${ minute }`\r\n\t\t\t\t} else {\r\n\t\t\t\t\t// 如果是日期格式,控制在最小日期和最大日期之间\r\n\t\t\t\t\tvalue = dayjs(value).isBefore(dayjs(this.minDate)) ? this.minDate : value\r\n\t\t\t\t\tvalue = dayjs(value).isAfter(dayjs(this.maxDate)) ? this.maxDate : value\r\n\t\t\t\t\treturn value\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\t// 获取每列的最大和最小值\r\n\t\t\tgetRanges() {\r\n\t\t\t if (this.mode === 'time') {\r\n\t\t\t return [\r\n\t\t\t {\r\n\t\t\t type: 'hour',\r\n\t\t\t range: [this.minHour, this.maxHour],\r\n\t\t\t },\r\n\t\t\t {\r\n\t\t\t type: 'minute',\r\n\t\t\t range: [this.minMinute, this.maxMinute],\r\n\t\t\t },\r\n\t\t\t ];\r\n\t\t\t }\r\n\t\t\t const { maxYear, maxDate, maxMonth, maxHour, maxMinute, } = this.getBoundary('max', this.innerValue);\r\n\t\t\t const { minYear, minDate, minMonth, minHour, minMinute, } = this.getBoundary('min', this.innerValue);\r\n\t\t\t const result = [\r\n\t\t\t {\r\n\t\t\t type: 'year',\r\n\t\t\t range: [minYear, maxYear],\r\n\t\t\t },\r\n\t\t\t {\r\n\t\t\t type: 'month',\r\n\t\t\t range: [minMonth, maxMonth],\r\n\t\t\t },\r\n\t\t\t {\r\n\t\t\t type: 'day',\r\n\t\t\t range: [minDate, maxDate],\r\n\t\t\t },\r\n\t\t\t {\r\n\t\t\t type: 'hour',\r\n\t\t\t range: [minHour, maxHour],\r\n\t\t\t },\r\n\t\t\t {\r\n\t\t\t type: 'minute',\r\n\t\t\t range: [minMinute, maxMinute],\r\n\t\t\t },\r\n\t\t\t ];\r\n\t\t\t if (this.mode === 'date')\r\n\t\t\t result.splice(3, 2);\r\n\t\t\t if (this.mode === 'year-month')\r\n\t\t\t result.splice(2, 3);\r\n\t\t\t return result;\r\n\t\t\t},\r\n\t\t\t// 根据minDate、maxDate、minHour、maxHour等边界值判断各列的开始和结束边界值\r\n\t\t\tgetBoundary(type, innerValue) {\r\n\t\t\t const value = new Date(innerValue)\r\n\t\t\t const boundary = new Date(this[`${type}Date`])\r\n\t\t\t const year = dayjs(boundary).year()\r\n\t\t\t let month = 1\r\n\t\t\t let date = 1\r\n\t\t\t let hour = 0\r\n\t\t\t let minute = 0\r\n\t\t\t if (type === 'max') {\r\n\t\t\t month = 12\r\n\t\t\t\t\t// 月份的天数\r\n\t\t\t date = dayjs(value).daysInMonth()\r\n\t\t\t hour = 23\r\n\t\t\t minute = 59\r\n\t\t\t }\r\n\t\t\t\t// 获取边界值,逻辑是:当年达到了边界值(最大或最小年),就检查月允许的最大和最小值,以此类推\r\n\t\t\t if (dayjs(value).year() === year) {\r\n\t\t\t month = dayjs(boundary).month() + 1\r\n\t\t\t if (dayjs(value).month() + 1 === month) {\r\n\t\t\t date = dayjs(boundary).date()\r\n\t\t\t if (dayjs(value).date() === date) {\r\n\t\t\t hour = dayjs(boundary).hour()\r\n\t\t\t if (dayjs(value).hour() === hour) {\r\n\t\t\t minute = dayjs(boundary).minute()\r\n\t\t\t }\r\n\t\t\t }\r\n\t\t\t }\r\n\t\t\t }\r\n\t\t\t return {\r\n\t\t\t [`${type}Year`]: year,\r\n\t\t\t [`${type}Month`]: month,\r\n\t\t\t [`${type}Date`]: date,\r\n\t\t\t [`${type}Hour`]: hour,\r\n\t\t\t [`${type}Minute`]: minute\r\n\t\t\t }\r\n\t\t\t},\r\n\t\t},\r\n\t}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n\t@import '../../libs/css/components.scss';\r\n</style>\r\n","import mod from \"-!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-2!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-5!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./u-datetime-picker.vue?vue&type=style&index=0&id=ecaf3bdc&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-2!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-5!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./u-datetime-picker.vue?vue&type=style&index=0&id=ecaf3bdc&lang=scss&scoped=true&\""],"sourceRoot":""}