From 0df3c99a23b6774c39abf16af51cf20bbfefc8a5 Mon Sep 17 00:00:00 2001
From: k94314517 <8417338+k94314517@user.noreply.gitee.com>
Date: 星期五, 10 五月 2024 15:54:24 +0800
Subject: [PATCH] Merge remote-tracking branch 'origin/master'
---
h5/components/Li-Calendar/Li-Calendar.vue | 702 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 702 insertions(+), 0 deletions(-)
diff --git a/h5/components/Li-Calendar/Li-Calendar.vue b/h5/components/Li-Calendar/Li-Calendar.vue
new file mode 100644
index 0000000..8f006b9
--- /dev/null
+++ b/h5/components/Li-Calendar/Li-Calendar.vue
@@ -0,0 +1,702 @@
+<template>
+ <view>
+ <view class='calendar-Time-header under_line'>
+ <view class="header-left">
+ <!-- <image :src="lastDisabled ? disable : nodisable" mode="widthFix" @tap="subMonth"></image> -->
+ <image :src="nodisable" mode="widthFix" @tap="subMonth"></image>
+ <text>{{title_time}}</text>
+ <image src="@/static/meeting/icon/ar_right@2x.png" mode="widthFix" @tap="addMonth"></image>
+ </view>
+ <view class="header-right" @tap="backToToday">鍥炲埌浠婂ぉ</view>
+ <!-- <text class='calendar-lastMonth' @tap="subMonth" v-bind:class="{'calendar-btn-disabled' : lastDisabled }">{{lastText}}</text>
+ <text class='calendar-TimeH'>{{title_time}}</text>
+ <text class='calendar-nextMonth' @tap="addMonth" v-bind:class="{'calendar-btn-disabled' : nextDisabled }">{{nextText}}</text>
+ <text class='calendar-backToToday' @tap="backToToday">鍥炲埌浠婂ぉ</text> -->
+ </view>
+ <view class='ClearBoth'></view>
+ <view class="calendar-content">
+ <view class="calendar-row calendar-header">
+ <view class="calendar-col aligncanter">鍛ㄦ棩</view>
+ <view class="calendar-col aligncanter">鍛ㄤ竴</view>
+ <view class="calendar-col aligncanter">鍛ㄤ簩</view>
+ <view class="calendar-col aligncanter">鍛ㄤ笁</view>
+ <view class="calendar-col aligncanter">鍛ㄥ洓</view>
+ <view class="calendar-col aligncanter">鍛ㄤ簲</view>
+ <view class="calendar-col aligncanter">鍛ㄥ叚</view>
+ </view>
+ <view class="calendar-row calendar-day" v-bind:style="{'transform':transformObj, 'transition-duration':transformTimeObj}" @touchstart="touchstart" @touchmove="touchmove" @touchend="touchend">
+ <view class="calendar-col aligncanter calendar-col-lastMonth" v-for='item in beforeDateList' v-bind:key='item.key'
+ @tap="subMonth" v-bind:class="{'calendar-out-of-Date' : item.outOfDate }">{{item.dateIndex}}
+ <text class='calendar-text'>{{item.markText}}</text>
+ </view>
+
+ <view class="calendar-col aligncanter currentDays" v-bind:class="{'calendar-active' : item.dateIndex == currentSelectTime
+ , 'calendar-today' : item.isToday
+ , 'calendar-range' : item.isRanges
+ , 'calendar-out-of-Date' : item.outOfDate }"
+ v-for='item in dateList' v-bind:key='item.key' @tap="selectedDateFun(item.dateIndex)">
+ <view class='dayValue'>
+ <text class='calendar-date calendar-day-6-7' v-if="item.isDaySunOrSat">{{item.dateIndex}}</text>
+ <text v-else class='calendar-date'>{{item.dateIndex}}</text>
+ <text class='calendar-point' v-if="item.pointText" v-bind:style="{'color':item.pointTextColor?item.pointTextColor:maskColor}">{{item.pointText}}</text>
+ <text class='calendar-text' v-bind:style="{'color':item.markTextColor?item.markTextColor:maskColor}">{{item.markText}}</text>
+ </view>
+ </view>
+
+ <view class="calendar-col aligncanter calendar-col-nextMonth" v-for='item in afterDateList' v-bind:key='item.key'
+ @tap="addMonth" v-bind:class="{'calendar-out-of-Date' : item.outOfDate }">{{item.dateIndex}}
+ <text class='calendar-text'>{{item.markText}}</text>
+ </view>
+ </view>
+ <view class="ClearBoth"></view>
+ </view>
+ </view>
+</template>
+
+<script>
+ import lunarYearTool from './sloarToLunar.js'
+ import { getDay } from '@/utils/utils.js'
+ export default {
+ name: 'Li-Calendar',
+ props: {
+ /**
+ * @description 褰撳墠鏃堕棿 yyyy-MM-dd
+ */
+ currentTime: {
+ type: String,
+ default: function() {
+ let timeObj = new Date();
+ return timeObj.getFullYear() + "-" + (timeObj.getMonth() + 1) + "-" + timeObj.getDate();
+ }
+ },
+ /**
+ * @description 鏍囪鐐瑰垪琛�
+ * time 鏍囪鏃堕棿 yyyy-MM-dd
+ * text 鏍囪鍐呭
+ * markPoint 鏄惁鏄剧ず鏍囪鐐� 榛樿false
+ * markTextColor 鏍囪鍐呭棰滆壊
+ * pointText 宸︿笂瑙掓爣璁扮偣鍐呭
+ * pointTextColor 鏍囪鐐归鑹�
+ */
+ mark: {
+ type: Array,
+ default: function() {
+ return undefined;
+ }
+ },
+ /**
+ * @description 涓婃湀鏂囧瓧
+ */
+ lastText: {
+ type: String,
+ default: '銆�'
+ },
+ /**
+ * @description 涓嬫湀鏂囧瓧
+ */
+ nextText: {
+ type: String,
+ default: '銆�'
+ },
+ /**
+ * @description 鍏ㄥ眬鏍囪鐐归鑹诧紝鍖呮嫭鐐瑰拰鏂囧瓧
+ */
+ maskColor: {
+ type: String,
+ default: '#01AAED'
+ },
+ /**
+ * @description 鏄惁鏄剧ず鍐滃巻锛宮ask浼樺厛绾ч珮
+ */
+ showLunar: {
+ type: Boolean,
+ default: true
+ },
+ /**
+ * @description 璁剧疆鏍囪鑼冨洿
+ */
+ range: {
+ type: Object,
+ default: function() {
+ return {
+ rangeStart: undefined, //璁剧疆鏍囪鑼冨洿寮�濮嬶紝yyyy-MM-dd
+ rangeEnd: undefined //璁剧疆鏍囪鑼冨洿缁撴潫锛寉yyy-MM-dd
+ }
+ }
+ },
+ /**
+ * @description 鏄惁寮�鍚寖鍥撮�夋嫨妯″紡
+ */
+ rangeMode: {
+ type: Boolean,
+ default: false
+ },
+ /**
+ * @description 鏃ュ巻璧峰鏃堕棿 yyyy-MM-dd
+ */
+ dateStart: {
+ type: String,
+ default: '1970-01-01'
+ },
+ /**
+ * @description 鏃ュ巻缁撴潫鏃堕棿 yyyy-MM-dd
+ */
+ dateEnd: {
+ type: String,
+ default: '2100-12-31'
+ },
+ /**
+ * @description 鏄惁鍙互婊氬姩
+ */
+ canDrag:{
+ type: Boolean,
+ default: true
+ },
+ },
+ created() {
+ this.render();
+ },
+ data() {
+ return {
+ nodisable: require('@/static/meeting/icon/ar_left@2x.png'),
+ disable: require('@/static/meeting/icon/ar_left_disable.png'),
+
+ nextDisabled: false,
+ lastDisabled: true,
+ currentSelectTime: undefined, //鐐瑰嚮鏃朵繚瀛樼殑dateIndex
+ title_time: '', //椤跺ご鏂囨湰
+ year: undefined, //褰撳墠骞�
+ month: undefined, //褰撳墠鏈�
+ beforeDateList: [], //涓婁釜鏈堢殑鏃ユ湡鍒楄〃
+ dateList: [], //鏈湀鐨勬棩鏈熷垪琛�
+ afterDateList: [], //涓嬩釜鏈堢殑鏃ユ湡鍒楄〃
+ firstRangeSelected: false, // 鑼冨洿寮�濮嬫椂闂存槸鍚﹀凡缁忛�夋嫨
+ rangeStart_: undefined, //鏍囪鑼冨洿寮�濮嬶紝yyyyMM-dd
+ rangeEnd_: undefined, //鏍囪鑼冨洿缁撴潫锛寉yyyMM-dd
+ transform_x:0,
+ transform_time:0,
+ };
+ },
+ methods: {
+ render(setTimeStr) { //鍒濆鍖�
+ let that = this;
+ let currentTimeStr = setTimeStr ? setTimeStr : that.currentTime;
+ let timeObj = this.toDateByStr(currentTimeStr); //褰撳墠閫夊畾鐨勬椂闂�
+ //璁＄畻澶撮儴鏄剧ず鐨勫勾鏈�
+ let _tempTileMonth = (timeObj.getMonth() + 1);
+ if (_tempTileMonth < 10)
+ _tempTileMonth = '0' + _tempTileMonth;
+ this.title_time = timeObj.getFullYear() + "骞�" + _tempTileMonth + "鏈�";
+
+ //鑾峰彇褰撳墠鏃堕棿鏈堜唤1鍙�
+ let firstDayStr = timeObj.getFullYear() + "/" + (timeObj.getMonth() + 1) + "/01";
+ let date = that.toDateByStr(firstDayStr);
+ that.year = date.getFullYear();
+ that.month = date.getMonth() + 1;
+ let firstDayWeek = date.getDay(); //绗竴澶╂槸鏄熸湡鍑�
+ let grid_sum = 0; //鎬绘牸瀛愭暟 锛岀敤浜庡悗闈㈠～婊℃牸瀛�
+ //鑾峰彇涓婁竴涓湀鐨勫ぉ鏁�
+ let TempMonth;
+ let TempYear;
+ if (that.month == 1) { //璺ㄥ勾
+ TempMonth = 12;
+ TempYear = that.year - 1;
+ } else {
+ TempYear = that.year;
+ TempMonth = that.month - 1;
+ }
+ let TempLastMonthStr = TempYear + "/" + TempMonth + "/01";
+ let lastMonthTotalDay = that.getTotalDay(TempLastMonthStr);
+ let lastMonthStartDay = lastMonthTotalDay - firstDayWeek;
+
+ let _dateStart = that.toDateByStr1(that.dateStart);
+ let _dateEnd = that.toDateByStr1(that.dateEnd);
+ // 鍒涘缓鍓嶉潰鐨勬棩鏈�
+ that.beforeDateList = [];
+ for (let i = 0; i < firstDayWeek; i++) {
+ grid_sum++;
+ lastMonthStartDay++;
+ let tempObj = {
+ dateIndex: lastMonthStartDay,
+ key: 'before_' + i
+ };
+
+ //鍒ゆ柇鏄惁瓒呭嚭鏃ユ湡鑼冨洿
+ let _tempBeforeDate = new Date(TempYear + "/" + TempMonth + "/" + lastMonthStartDay);
+ if (_dateStart > _tempBeforeDate || _tempBeforeDate > _dateEnd) {
+ tempObj.outOfDate = true;
+ }
+
+ //鑾峰彇鍐滃巻
+ if (that.showLunar) {
+ let LunarDate = that.sloarToLunar(TempYear, TempMonth, lastMonthStartDay);
+ let tempLunarDay = LunarDate.lunarDay == '鍒濅竴' ? LunarDate.lunarMonth + '鏈�' : LunarDate.lunarDay;
+ tempObj.markText = tempLunarDay;
+ }
+
+ that.beforeDateList.push(tempObj);
+ }
+
+ //鑾峰彇涓�涓湀鐨勫ぉ鏁�
+ let totalDay = that.getTotalDay(currentTimeStr);
+
+ //鐢熸垚鏈湀鏃ュ巻
+ let today = new Date();
+ let today_year = today.getFullYear();
+ let today_month = today.getMonth() + 1;
+ let today_day = today.getDate();
+ that.dateList = [];
+ for (let i = 1; i <= totalDay; i++) { //寰幆鏃�
+ grid_sum++;
+
+ let tempObj = {
+ dateIndex: i,
+ key: 'date_' + i,
+ isRanges: false,
+ isToday: false
+ };
+ //褰撳墠鏃ユ湡鍙橀噺
+ let tempDay = that.toDateByStr(that.year + "/" + that.month + "/" + i);
+
+ //鍒ゆ柇鏄惁涓哄綋澶�
+ if (today_year == that.year && today_month == that.month && today_day == i)
+ tempObj.isToday = true;
+
+ //鍛ㄥ叚鍜屽懆鏃ワ紝鐗规畩澶勭悊
+ let tempCurrWeek = tempDay.getDay();
+ if (tempCurrWeek == 0 || tempCurrWeek == 6)
+ tempObj.isDaySunOrSat = true;
+
+ //鍒ゆ柇鏄惁瓒呭嚭鏃ユ湡鑼冨洿
+ if (_dateStart > tempDay || tempDay > _dateEnd) {
+ tempObj.outOfDate = true;
+ }
+
+ //鑾峰彇鍐滃巻
+ if (that.showLunar) {
+ let LunarDate = that.sloarToLunar(that.year, that.month, i);
+ that.lunarMonth = LunarDate.lunarMonth;
+ that.lunarYear = LunarDate.lunarYear;
+ let tempLunarDay = LunarDate.lunarDay == '鍒濅竴' ? LunarDate.lunarMonth + '鏈�' : LunarDate.lunarDay;
+ tempObj.lunarMonth = LunarDate.lunarMonth;
+ tempObj.lunarYear = LunarDate.lunarYear;
+ tempObj.lunarDay = LunarDate.lunarDay;
+ tempObj.markText = tempLunarDay;
+ tempObj.markTextColor = '#454545';
+ }
+
+ //璁剧疆浜嗘爣璁扮偣
+ if (that.mark) {
+ for (let z = 0; z < that.mark.length; z++) { //鍒ゆ柇鏄惁涓烘爣璁扮偣
+ let tempDayMark = that.toDateByStr1(that.mark[z].time.trim())
+ if (tempDay.getTime() == tempDayMark.getTime()) {
+ let tempTextStr = that.mark[z].text
+ if (that.mark[z].markPoint != false) { // 鏄惁鏄剧ず鐐�
+ tempObj.pointText = that.mark[z].pointText ? that.mark[z].pointText : '鈼�';
+ tempObj.pointTextColor = that.mark[z].pointTextColor ? that.mark[z].pointTextColor : undefined;
+ }
+ if (tempTextStr != undefined && tempTextStr != "") { // 鏄惁鏄剧ず鏂囧瓧
+ tempObj.markText = tempTextStr;
+ tempObj.markTextColor = that.mark[z].markTextColor ? that.mark[z].markTextColor : undefined;
+ }
+ break;
+ }
+ }
+ }
+
+ that.dateList.push(tempObj);
+ }
+
+ that.setRange();
+
+ // 鍒涘缓鍚庨潰鐨勭┖鐧斤紝琛ュ浜旇
+ that.afterDateList = [];
+ if (grid_sum < 42) { // 鍒涘缓鍚庨潰鐨勭┖鐧斤紝琛ュ浜旇
+ let j = 0;
+
+ //鑾峰彇涓嬩竴鏈�
+ let TempMonthNext;
+ let TempYearNext;
+ if (that.month == 12) { //璺ㄥ勾
+ TempMonthNext = 1;
+ TempYearNext = that.year + 1;
+ } else {
+ TempYearNext = that.year;
+ TempMonthNext = that.month + 1;
+ }
+
+ for (let i = grid_sum; i < 42; i++) {
+ j++;
+
+ let tempObj = {
+ dateIndex: j,
+ key: 'after_' + j
+ };
+ //鑾峰彇鍐滃巻
+ if (that.showLunar) {
+ let LunarDate = that.sloarToLunar(TempYearNext, TempMonthNext, j);
+ let tempLunarDay = LunarDate.lunarDay == '鍒濅竴' ? LunarDate.lunarMonth + '鏈�' : LunarDate.lunarDay;
+ tempObj.markText = tempLunarDay;
+ }
+
+ //鍒ゆ柇鏄惁瓒呭嚭鏃ユ湡鑼冨洿
+ let _tempAfterDate = new Date(TempYearNext + "/" + TempMonthNext + "/" + j);
+ if (_dateStart > _tempAfterDate || _tempAfterDate > _dateEnd) {
+ tempObj.outOfDate = true;
+ }
+
+ that.afterDateList.push(tempObj);
+ }
+ }
+ },
+ sloarToLunar(year,month,day){
+ // console.log('----')
+ // console.log(year + "--" +month+ "--" + day)
+ let result = lunarYearTool.sloarToLunar(year,month,day);
+ //console.log(result)
+ return result;
+ },
+ getTotalDay(time) { //鑾峰彇鏈� 鏃ユ湡鎬绘暟
+ time = time.replace(/-/g, "/");
+ let selectedDate = new Date(time);
+ if (selectedDate == "Invalid Date") {
+ selectedDate = new Date(time + "/01");
+ }
+
+ let dayMany = new Date(selectedDate.getFullYear(),(selectedDate.getMonth() + 1), 0).getDate()
+ return dayMany;
+ },
+ toDateByStr(timeStr) { //瀛楃涓茶浆鎹㈡椂闂达紝杞崲澶辫触鎴栬�呬笉浼犲瓧绗︿覆鍒欒繑鍥炲綋鍓�
+ let timeObj;
+ if (timeStr) {
+ timeObj = new Date(timeStr.replace(/-/g, "/"));
+ }
+ if (!timeStr || timeObj == "Invalid Date")
+ timeObj = new Date();
+ return timeObj;
+ },
+ toDateByStr1(timeStr) { //瀛楃涓茶浆鎹㈡椂闂达紝杞崲澶辫触鎴栬�呬笉浼犲瓧绗︿覆鍒檔ull
+ try {
+ let timeObj;
+ if (timeStr) {
+ timeObj = new Date(timeStr.replace(/-/g, "/"));
+ }
+ if (!timeStr || timeObj == "Invalid Date")
+ return null;
+ return timeObj;
+ } catch (e) {
+ return null;
+ }
+ },
+ getTimeStrFormat(timeStr) { //鑾峰彇鏍煎紡鍖栫殑鏃堕棿 yyyy-MM-dd
+ let timeObj;
+ if (timeStr) {
+ timeObj = new Date(timeStr.replace(/-/g, "/"));
+ }
+ if (!timeStr || timeObj == "Invalid Date")
+ timeObj = new Date();
+ return timeObj.getFullYear() + "-" + (timeObj.getMonth() + 1) + "-" + timeObj.getDate();
+ },
+ selectedDateFun(index) { //鐐瑰嚮鏃ユ湡
+ let that = this;
+ let selectObj = that.dateList[index - 1];
+ selectObj.year = that.year;
+ selectObj.month = that.month;
+ selectObj.day = index;
+ selectObj.time = that.year + "-" + that.month + "-" + index;
+ that.$emit('dayChange', selectObj);
+
+ //鍒ゆ柇鏄惁瓒呭嚭鏃ユ湡鑼冨洿
+ if (that.checkOutOfDate(selectObj.time)) {
+ return;
+ }
+
+ that.currentSelectTime = index;
+
+ console.log(index)
+
+ //寮�鍚簡鑼冨洿閫夋嫨妯″紡
+ if (that.rangeMode) {
+ if (!that.firstRangeSelected) { //閫夋嫨寮�濮嬫椂闂�
+ that.firstRangeSelected = !that.firstRangeSelected
+ that.rangeStart_ = selectObj.time;
+ that.rangeEnd_ = undefined;
+ that.clearRange();
+ } else { //閫夋嫨浜嗙粨鏉熸椂闂�
+ that.rangeEnd_ = selectObj.time;
+ that.firstRangeSelected = !that.firstRangeSelected
+ that.$emit('rangeChange', {
+ start: that.rangeStart_,
+ end: that.rangeEnd_,
+ });
+ that.setRange();
+ }
+ }
+ },
+ addMonth() { //鍔犱竴涓湀
+ let that = this;
+ that.currentSelectTime = ''
+ let _Month = that.month;
+ let _Year = that.year;
+ if (that.month == 12) { //璺ㄥ勾
+ _Month = 1;
+ _Year += 1;
+ } else {
+ _Month += 1;
+ }
+
+ let str = _Year + "/" + _Month + "/01";
+
+ //鍒ゆ柇鏄惁瓒呭嚭鏃ユ湡鑼冨洿
+ if (that.checkOutOfDate(str)) {
+ that.nextDisabled = true;
+ return;
+ }
+
+ that.month = _Month;
+ that.year = _Year;
+ that.lastDisabled = false;
+
+ //妫�鏌ユ棩鏈熶笂闄愬�兼槸鍚﹀湪褰撴湀鍐咃紝濡傛灉鍦ㄥ垯涓嶈兘鍐嶅垏鎹笅涓湀
+ if (that.checkDateRange(that.year, that.month, 1)) {
+ that.nextDisabled = true;
+ }
+
+ if (that.rangeMode) { //寮�鍚簡鑼冨洿妯″紡
+ that.currentSelectTime = undefined;
+ }
+
+ that.$emit('monthChange', {
+ date: str
+ });
+ that.render(str);
+ },
+ subMonth() { //鍑忎竴涓湀
+ let that = this;
+
+ that.currentSelectTime = ''
+
+ let _Month = that.month;
+ let _Year = that.year;
+ if (that.month == 1) { //璺ㄥ勾
+ _Month = 12;
+ _Year -= 1;
+ } else {
+ _Month -= 1;
+ }
+
+ let str = _Year + "/" + _Month + "/01";
+
+ //鍒ゆ柇鏄惁瓒呭嚭鏃ユ湡鑼冨洿
+ let _totalDay = that.getTotalDay(str);
+ if (that.checkOutOfDate(_Year + "/" + _Month + "/" + _totalDay)) {
+ that.lastDisabled = true;
+ return;
+ }
+
+ that.month = _Month;
+ that.year = _Year;
+ that.nextDisabled = false;
+
+ //妫�鏌ユ棩鏈熶笅闄愬�兼槸鍚﹀湪褰撴湀鍐咃紝濡傛灉鍦ㄥ垯涓嶈兘鍐嶅垏鎹笂涓湀
+ if (that.checkDateRange(that.year, that.month)) {
+ that.lastDisabled = true;
+ }
+
+ if (that.rangeMode) { //寮�鍚簡鑼冨洿妯″紡
+ that.currentSelectTime = undefined;
+ }
+
+ that.$emit('monthChange', {
+ date: str
+ });
+ that.render(str);
+ },
+ backToToday() { //鍥炲埌浠婂ぉ
+ let currDate = new Date();
+ let _year = currDate.getFullYear();
+ let _month = currDate.getMonth() + 1;
+
+ this.currentSelectTime = getDay().day
+
+ this.$emit('dayChange', { time: getDay().date });
+
+ //濡傛灉宸茬粡鏄綋鏈�
+ if (_year == this.year && _month == this.month) {
+ return;
+ }
+
+ let value = _year + "/" + _month + "/" + currDate.getDate();
+ this.$emit('monthChange', {
+ date: value
+ });
+ this.lastDisabled = true
+
+ this.render(value);
+ },
+ setRange() { //璁剧疆鑼冨洿
+ let that = this;
+ let rangeStartDate = that.toDateByStr1(that.rangeStart_);
+ let rangeEndDate = that.toDateByStr1(that.rangeEnd_);
+ if (!rangeStartDate || !rangeEndDate)
+ return;
+ if (rangeStartDate > rangeEndDate) { //闃叉鑼冨洿鍑洪敊
+ let tempD = rangeEndDate;
+ rangeEndDate = rangeStartDate;
+ rangeStartDate = tempD;
+ }
+
+ //寰幆鍒ゆ柇鑼冨洿
+ for (let i = 0; i < that.dateList.length; i++) {
+ let _TempDtStr = that.year + "/" + that.month + "/" + that.dateList[i].dateIndex;
+ let _TempDt = that.toDateByStr1(_TempDtStr);
+ that.dateList[i].isRanges = false;
+ if (rangeStartDate <= _TempDt && _TempDt <= rangeEndDate) //鏃堕棿鍦ㄨ寖鍥村唴
+ that.dateList[i].isRanges = true;
+ }
+ },
+ clearRange() { //鍏抽棴鑼冨洿妯″紡鑼冨洿
+ let that = this;
+ //寰幆鍒ゆ柇鑼冨洿
+ for (let i = 0; i < that.dateList.length; i++) {
+ that.dateList[i].isRanges = false;
+ }
+ },
+ checkOutOfDate(time) { //鍒ゆ柇鏄惁瓒呭嚭鏃ユ湡鑼冨洿,yyyy-MM-dd
+ let that = this;
+ let _dateStart = that.toDateByStr1(that.dateStart);
+ let _dateEnd = that.toDateByStr1(that.dateEnd);
+ let _tempDate = that.toDateByStr1(time);
+ if (_dateStart > _tempDate || _tempDate > _dateEnd) {
+ return true;
+ } else
+ return false;
+ },
+ checkDateRange(year, month, type) { //鍒ゆ柇鑼冨洿鐣岄檺鍊兼槸鍚﹀湪褰撴湀鍐�,yyyy-MM-dd,type锛�1 涓婇檺鍊�,鍏朵粬锛氫笅闄愬��
+ let that = this;
+
+ let totalDay = that.getTotalDay(year + '/' + month + '/01');
+ let firstD = that.toDateByStr1(year + '/' + month + '/01');
+ let lastD = that.toDateByStr1(year + '/' + month + '/' + totalDay);
+
+ if (type == 1) { //涓婇檺鍊�
+ let _dateEnd = that.toDateByStr1(that.dateEnd);
+ if (firstD <= _dateEnd && _dateEnd <= lastD) {
+ return true;
+ } else
+ return false;
+ } else { //涓嬮檺鍊�
+ let _dateStart = that.toDateByStr1(that.dateStart);
+ if (firstD <= _dateStart && _dateStart <= lastD) {
+ return true;
+ } else
+ return false;
+ }
+ },
+ calendarTransform(x,time){ //鏃ュ巻婊戝姩鍔ㄧ敾
+ this.transform_x = x;
+ this.transform_time = time;
+ },
+ touchstart(event) {
+ if(!this.canDrag)
+ return;
+ this.startPageX = event.touches[0].pageX;
+ this.startPageY = event.touches[0].pageY;
+ },
+ touchmove(event) {
+ if(!this.canDrag)
+ return;
+ let touchmovePageX = event.touches[0].pageX;
+ let result = touchmovePageX - this.startPageX;
+ this.calendarTransform(result,0);
+ },
+ touchend(event) {
+ if(!this.canDrag)
+ return;
+ let that = this;
+ let endPageX = event.changedTouches[0].pageX;
+ let endPageY = event.changedTouches[0].pageY;
+ let x = Math.abs(that.startPageX - endPageX); //妯潗鏍囦箣宸�
+ let y = Math.abs(that.startPageY - endPageY); //绾靛潗鏍囦箣宸�
+
+ let screenX = 0;
+ try {
+ const res = uni.getSystemInfoSync();
+ screenX = res.windowWidth;
+ } catch (e) {
+ console.error(e)
+ return;
+ }
+ if (that.startPageX > endPageX) { //宸︽粦
+ let a = Math.atan(y / x);
+ let Rate = x / screenX;
+ if (a < Math.PI / 6 && Rate > 0.3) {
+ screenX = -screenX;
+ that.calendarTransform(screenX,300);
+ setTimeout(function(){
+ that.addMonth();
+ that.calendarTransform(0,0);
+ },300);
+ }
+ else{
+ that.calendarTransform(0,300);
+ }
+ } else {
+ let a = Math.atan(y / x);
+ let Rate = x / screenX;
+ if (a < Math.PI / 6 && Rate > 0.3) {
+ that.calendarTransform(screenX,300);
+ setTimeout(function(){
+ that.subMonth();
+ that.calendarTransform(0,0);
+ },300);
+ }
+ else{
+ that.calendarTransform(0,300);
+ }
+ }
+ }
+ },
+ watch: {
+ currentTime: function(val, oldVal) { //鏃堕棿鏀瑰彉
+ let dateNew = this.toDateByStr1(val);
+ if (dateNew.getFullYear() == this.year && (dateNew.getMonth() + 1) == this.month) {
+ console.log('time is not change')
+ } else {
+ this.currentSelectTime = dateNew.getDate();
+ this.render();
+ }
+ },
+ range: function(val, oldVal) { //鑼冨洿鏀瑰彉
+ if (val.rangeStart != oldVal.rangeStart || val.rangeEnd != oldVal.rangeEnd) {
+ this.rangeStart_ = val.rangeStart;
+ this.rangeEnd_ = val.rangeEnd;
+ this.setRange();
+ }
+ },
+ mark: function(val, oldVal) { //鏍囪鏀瑰彉
+ this.render();
+ },
+ rangeMode: function(val, oldVal) { //鑼冨洿鏀瑰彉
+ if (!val) { //濡傛灉鏄叧闂寖鍥存ā寮�
+ this.rangeStart_ = undefined; //鏍囪鑼冨洿寮�濮嬶紝yyyyMM-dd
+ this.rangeEnd_ = undefined; //鏍囪鑼冨洿缁撴潫锛寉yyyMM-dd
+ this.firstRangeSelected = false;
+ this.clearRange()
+ }
+ },
+ },
+ computed: {
+ transformObj:function () {
+ return 'translate3d(' + this.transform_x + 'px, 0px, 0px) translateZ(0px)';
+ },
+ transformTimeObj:function () {
+ return this.transform_time + 'ms';
+ }
+ },
+ }
+</script>
+
+<style>
+ @import url("./Li-Calendar.css");
+</style>
--
Gitblit v1.9.3