You can not 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 lines
24 KiB
1 lines
24 KiB
{"version":3,"sources":["webpack:///C:/Users/18634/Desktop/项目/mianxueyoupin/components/uni-calendar/uni-calendar.vue?e3e6","webpack:///C:/Users/18634/Desktop/项目/mianxueyoupin/components/uni-calendar/uni-calendar.vue?f6d4","webpack:///C:/Users/18634/Desktop/项目/mianxueyoupin/components/uni-calendar/uni-calendar.vue?a6d7","webpack:///C:/Users/18634/Desktop/项目/mianxueyoupin/components/uni-calendar/uni-calendar.vue?10c8","uni-app:///components/uni-calendar/uni-calendar.vue","webpack:///C:/Users/18634/Desktop/项目/mianxueyoupin/components/uni-calendar/uni-calendar.vue?fe8e","webpack:///C:/Users/18634/Desktop/项目/mianxueyoupin/components/uni-calendar/uni-calendar.vue?7243"],"names":["components","calendarItem","props","date","type","default","selected","lunar","showReturn","startDate","endDate","range","insert","showMonth","clearDate","data","show","weeks","calendar","nowDate","aniMaskShow","watch","created","methods","clean","bindDateChange","console","init","open","setTimeout","close","confirm","change","monthSwitch","year","month","setEmit","fullDate","extraInfo","fulldate","choiceDate","backtoday","pre","next","setDate"],"mappings":";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAqI;AACrI;AACgE;AACL;AACsC;;;AAGjG;AACqK;AACrK,gBAAgB,+KAAU;AAC1B,EAAE,kFAAM;AACR,EAAE,mGAAM;AACR,EAAE,4GAAe;AACjB;AACA;AACA;AACA;AACA;AACA,EAAE,uGAAU;AACZ;AACA;;AAEA;AACe,gF;;;;;;;;;;;;ACvBf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;ACRA;AAAA;AAAA;AAAA;AAAsmB,CAAgB,goBAAG,EAAC,C;;;;;;;;;;;;;;;;;;;AC8D1nB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAnBA,gBAoBA;EACAA;IACAC;EACA;EACAC;IACAC;MACAC;MACAC;IACA;IACAC;MACAF;MACAC;QACA;MACA;IACA;IACAE;MACAH;MACAC;IACA;IACAG;MACAJ;MACAC;IACA;IACAI;MACAL;MACAC;IACA;IACAK;MACAN;MACAC;IACA;IACAM;MACAP;MACAC;IACA;IACAO;MACAR;MACAC;IACA;IACAQ;MACAT;MACAC;IACA;IACAS;MACAV;MACAC;IACA;EACA;EACAU;IACA;MACAC;MACAC;MACAC;MACAC;MACAC;IACA;EACA;EACAC;IACAlB;MACA;MACA;IACA;IACAM;MACA;IACA;IACAC;MACA;IACA;IACAJ;MACA;MACA;IACA;EACA;EACAgB;IACA;IACA;MACA;MACAhB;MACAG;MACAC;MACAC;IACA;IACA;IACA;IACA;IACA;EACA;;EACAY;IACA;IACAC;IACAC;MACA;MACAC;MACA;MACA;IACA;IACA;AACA;AACA;AACA;IACAC;MACA;MACA;IACA;IACA;AACA;AACA;IACAC;MAAA;MACA;MACA;QACA;QACA;QACA;MACA;MACA;MACA;QACAC;UACA;QACA;MACA;IACA;IACA;AACA;AACA;IACAC;MAAA;MACA;MACA;QACAD;UACA;UACA;QACA;MACA;IACA;IACA;AACA;AACA;IACAE;MACA;MACA;IACA;IACA;AACA;AACA;IACAC;MACA;MACA;IACA;IACA;AACA;AACA;IACAC;MACA,oBAGA;QAFAC;QACAC;MAEA;QACAD;QACAC;MACA;IACA;IACA;AACA;AACA;AACA;IACAC;MACA,qBAOA;QANAF;QACAC;QACAhC;QACAkC;QACA9B;QACA+B;MAEA;QACA3B;QACAuB;QACAC;QACAhC;QACAoC;QACAhC;QACA+B;MACA;IACA;IACA;AACA;AACA;AACA;IACAE;MACA;MACA;MACA;MACA;MACA;MACA;IACA;IACA;AACA;AACA;IACAC;MACAf;MACA;MACA;MACA;MACA;IACA;IACA;AACA;AACA;IACAgB;MACA;MACA;MACA;IAEA;IACA;AACA;AACA;IACAC;MACA;MACA;MACA;IACA;IACA;AACA;AACA;AACA;IACAC;MACA;MACA;MACA;IACA;EACA;AACA;AAAA,4B;;;;;;;;;;;;AC5TA;AAAA;AAAA;AAAA;AAAyqC,CAAgB,+oCAAG,EAAC,C;;;;;;;;;;;ACA7rC;AACA,OAAO,KAAU,EAAE,kBAKd","file":"components/uni-calendar/uni-calendar.js","sourcesContent":["import { render, staticRenderFns, recyclableRender, components } from \"./uni-calendar.vue?vue&type=template&id=21a99d64&scoped=true&\"\nvar renderjs\nimport script from \"./uni-calendar.vue?vue&type=script&lang=js&\"\nexport * from \"./uni-calendar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./uni-calendar.vue?vue&type=style&index=0&id=21a99d64&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!D:\\\\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 \"21a99d64\",\n null,\n false,\n components,\n renderjs\n)\n\ncomponent.options.__file = \"components/uni-calendar/uni-calendar.vue\"\nexport default component.exports","export * from \"-!D:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\loaders\\\\templateLoader.js??vue-loader-options!D:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--17-0!D:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\template.js!D:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-uni-app-loader\\\\page-meta.js!D:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\index.js??vue-loader-options!D:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\style.js!./uni-calendar.vue?vue&type=template&id=21a99d64&scoped=true&\"","var components\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 \"-!D:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\babel-loader\\\\lib\\\\index.js!D:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--13-1!D:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\script.js!D:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\index.js??vue-loader-options!D:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\style.js!./uni-calendar.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!D:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\babel-loader\\\\lib\\\\index.js!D:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--13-1!D:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\script.js!D:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\index.js??vue-loader-options!D:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\style.js!./uni-calendar.vue?vue&type=script&lang=js&\"","<template>\r\n\t<view class=\"uni-calendar\">\r\n\t\t<view v-if=\"!insert&&show\" class=\"uni-calendar__mask\" :class=\"{'uni-calendar--mask-show':aniMaskShow}\" @tap=\"clean\"></view>\r\n\t\t<view v-if=\"insert || show\" class=\"uni-calendar__content\" :class=\"{'uni-calendar--fixed':!insert,'uni-calendar--ani-show':aniMaskShow}\">\r\n\t\t\t<view v-if=\"!insert\" class=\"uni-calendar__header uni-calendar--fixed-top\">\r\n\t\t\t\t<view class=\"uni-calendar__header-btn-box\" @tap=\"close\">\r\n\t\t\t\t\t<text class=\"uni-calendar__header-text uni-calendar--fixed-width\">取消</text>\r\n\t\t\t\t</view>\r\n\t\t\t\t<view class=\"uni-calendar__header-btn-box\" @tap=\"confirm\">\r\n\t\t\t\t\t<text class=\"uni-calendar__header-text uni-calendar--fixed-width\">确定</text>\r\n\t\t\t\t</view>\r\n\t\t\t</view>\r\n\t\t\t<view class=\"uni-calendar__header\">\r\n\t\t\t\t<view class=\"uni-calendar__header-btn-box\" @tap.stop=\"pre\">\r\n\t\t\t\t\t<view class=\"uni-calendar__header-btn uni-calendar--left\"></view>\r\n\t\t\t\t</view>\r\n\t\t\t\t<picker mode=\"date\" :value=\"date\" fields=\"month\" @change=\"bindDateChange\">\r\n\t\t\t\t\t<text class=\"uni-calendar__header-text\">{{ (nowDate.year||'') +'年'+( nowDate.month||'') +'月'}}</text>\r\n\t\t\t\t</picker>\r\n\t\t\t\t<view class=\"uni-calendar__header-btn-box\" @tap.stop=\"next\">\r\n\t\t\t\t\t<view class=\"uni-calendar__header-btn uni-calendar--right\"></view>\r\n\t\t\t\t</view>\r\n\t\t\t\t<text v-if=\"showReturn\" class=\"uni-calendar__backtoday\" @tap=\"backtoday\">回到今天</text>\r\n\t\t\t</view>\r\n\t\t\t<view class=\"uni-calendar__box\">\r\n\t\t\t\t<view v-if=\"showMonth\" class=\"uni-calendar__box-bg\">\r\n\t\t\t\t\t<text class=\"uni-calendar__box-bg-text\">{{nowDate.month}}</text>\r\n\t\t\t\t</view>\r\n\t\t\t\t<view class=\"uni-calendar__weeks\">\r\n\t\t\t\t\t<view class=\"uni-calendar__weeks-day\">\r\n\t\t\t\t\t\t<text class=\"uni-calendar__weeks-day-text\">日</text>\r\n\t\t\t\t\t</view>\r\n\t\t\t\t\t<view class=\"uni-calendar__weeks-day\">\r\n\t\t\t\t\t\t<text class=\"uni-calendar__weeks-day-text\">一</text>\r\n\t\t\t\t\t</view>\r\n\t\t\t\t\t<view class=\"uni-calendar__weeks-day\">\r\n\t\t\t\t\t\t<text class=\"uni-calendar__weeks-day-text\">二</text>\r\n\t\t\t\t\t</view>\r\n\t\t\t\t\t<view class=\"uni-calendar__weeks-day\">\r\n\t\t\t\t\t\t<text class=\"uni-calendar__weeks-day-text\">三</text>\r\n\t\t\t\t\t</view>\r\n\t\t\t\t\t<view class=\"uni-calendar__weeks-day\">\r\n\t\t\t\t\t\t<text class=\"uni-calendar__weeks-day-text\">四</text>\r\n\t\t\t\t\t</view>\r\n\t\t\t\t\t<view class=\"uni-calendar__weeks-day\">\r\n\t\t\t\t\t\t<text class=\"uni-calendar__weeks-day-text\">五</text>\r\n\t\t\t\t\t</view>\r\n\t\t\t\t\t<view class=\"uni-calendar__weeks-day\">\r\n\t\t\t\t\t\t<text class=\"uni-calendar__weeks-day-text\">六</text>\r\n\t\t\t\t\t</view>\r\n\t\t\t\t</view>\r\n\t\t\t\t<view class=\"uni-calendar__weeks\" v-for=\"(item,weekIndex) in weeks\" :key=\"weekIndex\">\r\n\t\t\t\t\t<view class=\"uni-calendar__weeks-item\" v-for=\"(weeks,weeksIndex) in item\" :key=\"weeksIndex\">\r\n\t\t\t\t\t\t<calendar-item :weeks=\"weeks\" :calendar=\"calendar\" :selected=\"selected\" :lunar=\"lunar\" @change=\"choiceDate\"></calendar-item>\r\n\t\t\t\t\t</view>\r\n\t\t\t\t</view>\r\n\t\t\t</view>\r\n\t\t</view>\r\n\t</view>\r\n</template>\r\n\r\n<script>\r\n\timport Calendar from './util.js';\r\n\timport calendarItem from './uni-calendar-item.vue'\r\n\t/**\r\n\t * Calendar 日历\r\n\t * @description 日历组件可以查看日期,选择任意范围内的日期,打点操作。常用场景如:酒店日期预订、火车机票选择购买日期、上下班打卡等\r\n\t * @tutorial https://ext.dcloud.net.cn/plugin?id=56\r\n\t * @property {String} date 自定义当前时间,默认为今天\r\n\t * @property {Boolean} lunar 显示农历\r\n\t * @property {String} startDate 日期选择范围-开始日期\r\n\t * @property {String} endDate 日期选择范围-结束日期\r\n\t * @property {Boolean} range 范围选择\r\n\t * @property {Boolean} insert = [true|false] 插入模式,默认为false\r\n\t * \t@value true 弹窗模式\r\n\t * \t@value false 插入模式\r\n\t * @property {Boolean} clearDate = [true|false] 弹窗模式是否清空上次选择内容\r\n\t * @property {Array} selected 打点,期待格式[{date: '2019-06-27', info: '签到', data: { custom: '自定义信息', name: '自定义消息头',xxx:xxx... }}]\r\n\t * @property {Boolean} showMonth 是否选择月份为背景\r\n\t * @event {Function} change 日期改变,`insert :ture` 时生效\r\n\t * @event {Function} confirm 确认选择`insert :false` 时生效\r\n\t * @event {Function} monthSwitch 切换月份时触发\r\n\t * @example <uni-calendar :insert=\"true\":lunar=\"true\" :start-date=\"'2019-3-2'\":end-date=\"'2019-5-20'\"@change=\"change\" />\r\n\t */\r\n\texport default {\r\n\t\tcomponents: {\r\n\t\t\tcalendarItem\r\n\t\t},\r\n\t\tprops: {\r\n\t\t\tdate: {\r\n\t\t\t\ttype: String,\r\n\t\t\t\tdefault: ''\r\n\t\t\t},\r\n\t\t\tselected: {\r\n\t\t\t\ttype: Array,\r\n\t\t\t\tdefault () {\r\n\t\t\t\t\treturn []\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\tlunar: {\r\n\t\t\t\ttype: Boolean,\r\n\t\t\t\tdefault: false\r\n\t\t\t},\r\n\t\t\tshowReturn: {\r\n\t\t\t\ttype: Boolean,\r\n\t\t\t\tdefault: true\r\n\t\t\t},\r\n\t\t\tstartDate: {\r\n\t\t\t\ttype: String,\r\n\t\t\t\tdefault: ''\r\n\t\t\t},\r\n\t\t\tendDate: {\r\n\t\t\t\ttype: String,\r\n\t\t\t\tdefault: ''\r\n\t\t\t},\r\n\t\t\trange: {\r\n\t\t\t\ttype: Boolean,\r\n\t\t\t\tdefault: false\r\n\t\t\t},\r\n\t\t\tinsert: {\r\n\t\t\t\ttype: Boolean,\r\n\t\t\t\tdefault: true\r\n\t\t\t},\r\n\t\t\tshowMonth: {\r\n\t\t\t\ttype: Boolean,\r\n\t\t\t\tdefault: true\r\n\t\t\t},\r\n\t\t\tclearDate: {\r\n\t\t\t\ttype: Boolean,\r\n\t\t\t\tdefault: true\r\n\t\t\t}\r\n\t\t},\r\n\t\tdata() {\r\n\t\t\treturn {\r\n\t\t\t\tshow: false,\r\n\t\t\t\tweeks: [],\r\n\t\t\t\tcalendar: {},\r\n\t\t\t\tnowDate: '',\r\n\t\t\t\taniMaskShow: false\r\n\t\t\t}\r\n\t\t},\r\n\t\twatch: {\r\n\t\t\tdate(newVal) {\r\n\t\t\t\tthis.cale.setDate(newVal)\r\n\t\t\t\tthis.init(this.cale.selectDate.fullDate)\r\n\t\t\t},\r\n\t\t\tstartDate(val){\r\n\t\t\t\tthis.cale.resetSatrtDate(val)\r\n\t\t\t},\r\n\t\t\tendDate(val){\r\n\t\t\t\tthis.cale.resetEndDate(val)\r\n\t\t\t},\r\n\t\t\tselected(newVal) {\r\n\t\t\t\tthis.cale.setSelectInfo(this.nowDate.fullDate, newVal)\r\n\t\t\t\tthis.weeks = this.cale.weeks\r\n\t\t\t}\r\n\t\t},\r\n\t\tcreated() {\r\n\t\t\t// 获取日历方法实例\r\n\t\t\tthis.cale = new Calendar({\r\n\t\t\t\t// date: new Date(),\r\n\t\t\t\tselected: this.selected,\r\n\t\t\t\tstartDate: this.startDate,\r\n\t\t\t\tendDate: this.endDate,\r\n\t\t\t\trange: this.range,\r\n\t\t\t})\r\n\t\t\t// 选中某一天\r\n\t\t\tthis.cale.setDate(this.date)\r\n\t\t\tthis.init(this.cale.selectDate.fullDate)\r\n\t\t\t// this.setDay\r\n\t\t},\r\n\t\tmethods: {\r\n\t\t\t// 取消穿透\r\n\t\t\tclean() {},\r\n\t\t\tbindDateChange(e) {\r\n\t\t\t\tconst value = e.detail.value + '-1'\r\n\t\t\t\tconsole.log(this.cale.getDate(value));\r\n\t\t\t\tthis.cale.setDate(value)\r\n\t\t\t\tthis.init(value)\r\n\t\t\t},\r\n\t\t\t/**\r\n\t\t\t * 初始化日期显示\r\n\t\t\t * @param {Object} date\r\n\t\t\t */\r\n\t\t\tinit(date) {\r\n\t\t\t\tthis.weeks = this.cale.weeks\r\n\t\t\t\tthis.nowDate = this.calendar = this.cale.getInfo(date)\r\n\t\t\t},\r\n\t\t\t/**\r\n\t\t\t * 打开日历弹窗\r\n\t\t\t */\r\n\t\t\topen() {\r\n\t\t\t\t// 弹窗模式并且清理数据\r\n\t\t\t\tif (this.clearDate && !this.insert) {\r\n\t\t\t\t\tthis.cale.cleanMultipleStatus()\r\n\t\t\t\t\tthis.cale.setDate(this.date)\r\n\t\t\t\t\tthis.init(this.cale.selectDate.fullDate)\r\n\t\t\t\t}\r\n\t\t\t\tthis.show = true\r\n\t\t\t\tthis.$nextTick(() => {\r\n\t\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\t\tthis.aniMaskShow = true\r\n\t\t\t\t\t}, 50)\r\n\t\t\t\t})\r\n\t\t\t},\r\n\t\t\t/**\r\n\t\t\t * 关闭日历弹窗\r\n\t\t\t */\r\n\t\t\tclose() {\r\n\t\t\t\tthis.aniMaskShow = false\r\n\t\t\t\tthis.$nextTick(() => {\r\n\t\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\t\tthis.show = false\r\n\t\t\t\t\t\tthis.$emit('close')\r\n\t\t\t\t\t}, 300)\r\n\t\t\t\t})\r\n\t\t\t},\r\n\t\t\t/**\r\n\t\t\t * 确认按钮\r\n\t\t\t */\r\n\t\t\tconfirm() {\r\n\t\t\t\tthis.setEmit('confirm')\r\n\t\t\t\tthis.close()\r\n\t\t\t},\r\n\t\t\t/**\r\n\t\t\t * 变化触发\r\n\t\t\t */\r\n\t\t\tchange() {\r\n\t\t\t\tif (!this.insert) return\r\n\t\t\t\tthis.setEmit('change')\r\n\t\t\t},\r\n\t\t\t/**\r\n\t\t\t * 选择月份触发\r\n\t\t\t */\r\n\t\t\tmonthSwitch() {\r\n\t\t\t\tlet {\r\n\t\t\t\t\tyear,\r\n\t\t\t\t\tmonth\r\n\t\t\t\t} = this.nowDate\r\n\t\t\t\tthis.$emit('monthSwitch', {\r\n\t\t\t\t\tyear,\r\n\t\t\t\t\tmonth: Number(month)\r\n\t\t\t\t})\r\n\t\t\t},\r\n\t\t\t/**\r\n\t\t\t * 派发事件\r\n\t\t\t * @param {Object} name\r\n\t\t\t */\r\n\t\t\tsetEmit(name) {\r\n\t\t\t\tlet {\r\n\t\t\t\t\tyear,\r\n\t\t\t\t\tmonth,\r\n\t\t\t\t\tdate,\r\n\t\t\t\t\tfullDate,\r\n\t\t\t\t\tlunar,\r\n\t\t\t\t\textraInfo\r\n\t\t\t\t} = this.calendar\r\n\t\t\t\tthis.$emit(name, {\r\n\t\t\t\t\trange: this.cale.multipleStatus,\r\n\t\t\t\t\tyear,\r\n\t\t\t\t\tmonth,\r\n\t\t\t\t\tdate,\r\n\t\t\t\t\tfulldate: fullDate,\r\n\t\t\t\t\tlunar,\r\n\t\t\t\t\textraInfo: extraInfo || {}\r\n\t\t\t\t})\r\n\t\t\t},\r\n\t\t\t/**\r\n\t\t\t * 选择天触发\r\n\t\t\t * @param {Object} weeks\r\n\t\t\t */\r\n\t\t\tchoiceDate(weeks) {\r\n\t\t\t\tif (weeks.disable) return\r\n\t\t\t\tthis.calendar = weeks\r\n\t\t\t\t// 设置多选\r\n\t\t\t\tthis.cale.setMultiple(this.calendar.fullDate)\r\n\t\t\t\tthis.weeks = this.cale.weeks\r\n\t\t\t\tthis.change()\r\n\t\t\t},\r\n\t\t\t/**\r\n\t\t\t * 回到今天\r\n\t\t\t */\r\n\t\t\tbacktoday() {\r\n\t\t\t\tconsole.log(this.cale.getDate(new Date()).fullDate);\r\n\t\t\t\tlet date = this.cale.getDate(new Date()).fullDate\r\n\t\t\t\tthis.cale.setDate(date)\r\n\t\t\t\tthis.init(date)\r\n\t\t\t\tthis.change()\r\n\t\t\t},\r\n\t\t\t/**\r\n\t\t\t * 上个月\r\n\t\t\t */\r\n\t\t\tpre() {\r\n\t\t\t\tconst preDate = this.cale.getDate(this.nowDate.fullDate, -1, 'month').fullDate\r\n\t\t\t\tthis.setDate(preDate)\r\n\t\t\t\tthis.monthSwitch()\r\n\r\n\t\t\t},\r\n\t\t\t/**\r\n\t\t\t * 下个月\r\n\t\t\t */\r\n\t\t\tnext() {\r\n\t\t\t\tconst nextDate = this.cale.getDate(this.nowDate.fullDate, +1, 'month').fullDate\r\n\t\t\t\tthis.setDate(nextDate)\r\n\t\t\t\tthis.monthSwitch()\r\n\t\t\t},\r\n\t\t\t/**\r\n\t\t\t * 设置日期\r\n\t\t\t * @param {Object} date\r\n\t\t\t */\r\n\t\t\tsetDate(date) {\r\n\t\t\t\tthis.cale.setDate(date)\r\n\t\t\t\tthis.weeks = this.cale.weeks\r\n\t\t\t\tthis.nowDate = this.cale.getInfo(date)\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.uni-calendar {\r\n\t\t/* #ifndef APP-NVUE */\r\n\t\tdisplay: flex;\r\n\t\t/* #endif */\r\n\t\tflex-direction: column;\r\n\t}\r\n\r\n\t.uni-calendar__mask {\r\n\t\tposition: fixed;\r\n\t\tbottom: 0;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tright: 0;\r\n\t\tbackground-color: $uni-bg-color-mask;\r\n\t\ttransition-property: opacity;\r\n\t\ttransition-duration: 0.3s;\r\n\t\topacity: 0;\r\n\t\t/* #ifndef APP-NVUE */\r\n\t\tz-index: 99;\r\n\t\t/* #endif */\r\n\t}\r\n\r\n\t.uni-calendar--mask-show {\r\n\t\topacity: 1\r\n\t}\r\n\r\n\t.uni-calendar--fixed {\r\n\t\tposition: fixed;\r\n\t\tbottom: 0;\r\n\t\tleft: 0;\r\n\t\tright: 0;\r\n\t\ttransition-property: transform;\r\n\t\ttransition-duration: 0.3s;\r\n\t\ttransform: translateY(460px);\r\n\t\t/* #ifndef APP-NVUE */\r\n\t\tz-index: 99;\r\n\t\t/* #endif */\r\n\t}\r\n\r\n\t.uni-calendar--ani-show {\r\n\t\ttransform: translateY(0);\r\n\t}\r\n\r\n\t.uni-calendar__content {\r\n\t\tbackground-color: #fff;\r\n\t}\r\n\r\n\t.uni-calendar__header {\r\n\t\tposition: relative;\r\n\t\t/* #ifndef APP-NVUE */\r\n\t\tdisplay: flex;\r\n\t\t/* #endif */\r\n\t\tflex-direction: row;\r\n\t\tjustify-content: flex-start;\r\n\t\talign-items: center;\r\n\t\theight: 50px;\r\n\t\tborder-bottom-color: #f7f7f7;\r\n\t\tborder-bottom-style: solid;\r\n\t\tborder-bottom-width: 1px;\r\n\t}\r\n\r\n\t.uni-calendar--fixed-top {\r\n\t\t/* #ifndef APP-NVUE */\r\n\t\tdisplay: flex;\r\n\t\t/* #endif */\r\n\t\tflex-direction: row;\r\n\t\tjustify-content: space-between;\r\n\t\tborder-top-color: $uni-border-color;\r\n\t\tborder-top-style: solid;\r\n\t\tborder-top-width: 1px;\r\n\t}\r\n\r\n\t.uni-calendar--fixed-width {\r\n\t\twidth: 50px;\r\n\t\t// padding: 0 15px;\r\n\t}\r\n\r\n\t.uni-calendar__backtoday {\r\n\t\tposition: absolute;\r\n\t\tright: 0;\r\n\t\ttop: 25rpx;\r\n\t\tpadding: 0 5px;\r\n\t\tpadding-left: 10px;\r\n\t\theight: 25px;\r\n\t\tline-height: 25px;\r\n\t\tfont-size: 12px;\r\n\t\tborder-top-left-radius: 25px;\r\n\t\tborder-bottom-left-radius: 25px;\r\n\t\tcolor: $uni-text-color;\r\n\t\tbackground-color: $uni-bg-color-hover;\r\n\t}\r\n\r\n\t.uni-calendar__header-text {\r\n\t\ttext-align: center;\r\n\t\twidth: 100px;\r\n\t\tfont-size: $uni-font-size-base;\r\n\t\tcolor: $uni-text-color;\r\n\t}\r\n\r\n\t.uni-calendar__header-btn-box {\r\n\t\t/* #ifndef APP-NVUE */\r\n\t\tdisplay: flex;\r\n\t\t/* #endif */\r\n\t\tflex-direction: row;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\twidth: 50px;\r\n\t\theight: 50px;\r\n\t}\r\n\r\n\t.uni-calendar__header-btn {\r\n\t\twidth: 10px;\r\n\t\theight: 10px;\r\n\t\tborder-left-color: $uni-text-color-placeholder;\r\n\t\tborder-left-style: solid;\r\n\t\tborder-left-width: 2px;\r\n\t\tborder-top-color: $uni-color-subtitle;\r\n\t\tborder-top-style: solid;\r\n\t\tborder-top-width: 2px;\r\n\t}\r\n\r\n\t.uni-calendar--left {\r\n\t\ttransform: rotate(-45deg);\r\n\t}\r\n\r\n\t.uni-calendar--right {\r\n\t\ttransform: rotate(135deg);\r\n\t}\r\n\r\n\r\n\t.uni-calendar__weeks {\r\n\t\tposition: relative;\r\n\t\t/* #ifndef APP-NVUE */\r\n\t\tdisplay: flex;\r\n\t\t/* #endif */\r\n\t\tflex-direction: row;\r\n\t}\r\n\r\n\t.uni-calendar__weeks-item {\r\n\t\tflex: 1;\r\n\t}\r\n\r\n\t.uni-calendar__weeks-day {\r\n\t\tflex: 1;\r\n\t\t/* #ifndef APP-NVUE */\r\n\t\tdisplay: flex;\r\n\t\t/* #endif */\r\n\t\tflex-direction: column;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\theight: 45px;\r\n\t\tborder-bottom-color: #F5F5F5;\r\n\t\tborder-bottom-style: solid;\r\n\t\tborder-bottom-width: 1px;\r\n\t}\r\n\r\n\t.uni-calendar__weeks-day-text {\r\n\t\tfont-size: 14px;\r\n\t}\r\n\r\n\t.uni-calendar__box {\r\n\t\tposition: relative;\r\n\t}\r\n\r\n\t.uni-calendar__box-bg {\r\n\t\t/* #ifndef APP-NVUE */\r\n\t\tdisplay: flex;\r\n\t\t/* #endif */\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tright: 0;\r\n\t\tbottom: 0;\r\n\t}\r\n\r\n\t.uni-calendar__box-bg-text {\r\n\t\tfont-size: 200px;\r\n\t\tfont-weight: bold;\r\n\t\tcolor: $uni-text-color-grey;\r\n\t\topacity: 0.1;\r\n\t\ttext-align: center;\r\n\t\t/* #ifndef APP-NVUE */\r\n\t\tline-height: 1;\r\n\t\t/* #endif */\r\n\t}\r\n</style>\r\n","import mod from \"-!D:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\mini-css-extract-plugin\\\\dist\\\\loader.js??ref--8-oneOf-1-0!D:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\css-loader\\\\dist\\\\cjs.js??ref--8-oneOf-1-1!D:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\loaders\\\\stylePostLoader.js!D:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--8-oneOf-1-2!D:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\postcss-loader\\\\src\\\\index.js??ref--8-oneOf-1-3!D:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\sass-loader\\\\dist\\\\cjs.js??ref--8-oneOf-1-4!D:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--8-oneOf-1-5!D:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\index.js??vue-loader-options!D:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\style.js!./uni-calendar.vue?vue&type=style&index=0&id=21a99d64&lang=scss&scoped=true&\"; export default mod; export * from \"-!D:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\mini-css-extract-plugin\\\\dist\\\\loader.js??ref--8-oneOf-1-0!D:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\css-loader\\\\dist\\\\cjs.js??ref--8-oneOf-1-1!D:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\loaders\\\\stylePostLoader.js!D:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--8-oneOf-1-2!D:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\postcss-loader\\\\src\\\\index.js??ref--8-oneOf-1-3!D:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\sass-loader\\\\dist\\\\cjs.js??ref--8-oneOf-1-4!D:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--8-oneOf-1-5!D:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\index.js??vue-loader-options!D:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\style.js!./uni-calendar.vue?vue&type=style&index=0&id=21a99d64&lang=scss&scoped=true&\"","// extracted by mini-css-extract-plugin\n if(module.hot) {\n // 1730871255553\n var cssReload = require(\"D:/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/hmr/hotModuleReplacement.js\")(module.id, {\"hmr\":true,\"publicPath\":\"/\",\"locals\":false});\n module.hot.dispose(cssReload);\n module.hot.accept(undefined, cssReload);\n }\n "],"sourceRoot":""} |