uniapp纯js手写日历筛选年，月，日，季度，周

2022-06-22 09:03:30 阅读：288 来源： 互联网

标签：allTimeText uniapp timeText else frequency time startTimeCopy 手写 js

父组件使用

<timeFilter :startTime1="startTime" :endTime1="endTime" :endTimeText1="endTimeText"
　　:startTimeText1="startTimeText" :frequency="frequency" @getQuery="getTimeQuery"></timeFilter>

</template>

// 引入组件

import timeFilter from './components/timeFilter.vue'

export default {

components: {
　　timeFilter
},

data() {
　　return {
　　　　endTimeText: '', // 开始时间文本
　　　　startTimeText: '', // 结束时间文本
　　　　startTime: '', // 开始限制时间
　　　　endTime: '', // 结束限制时间
　　　　frequency: '',// 时间频率

　　　　startTimeUpdate: '', // 修改后的开始时间
　　　　endTimeUpdate: '', // 修改后的结束时间

　　}
},

methods:{

// 获取子组件传过来筛选过的时间

getTimeQuery(value) {
　　this.startTimeUpdate = value[0]
　　this.endTimeUpdate = value[1]
}

}

</script>

时间子组件

<template>

<view v-if="timePopup" class="timePopup">

<view class="timeShow">
<view class="timeLeft">
<view class="topText">
开始时间
</view>
<view class="bottomText">
{{startTime}}
</view>
</view>
<view class="line">
</view>
<view class="timeLeft">
<view class="topText">
结束时间
</view>
<view class="bottomText">
{{endTime}}
</view>
</view>
</view>

<template>
<view class="timeComponent">
<text class="iconfont icon-zuoqiehuan" :class="enventClass1" @click="subtractTime"></text>
<text class="timeText">{{ allTimeText }}</text>
<text class="iconfont icon-youqiehuan" :class="enventClass2" @click="addTime"></text>
</view>
<view class="timeList">
<text class="itemTime" v-for="(item,index) in timeList" :key="index" :class="isActive(item)" :style="item.itemStyle" @click="selectTime(item)">{{item.time}}</text>
</view>
</template>
</view>
</template>

标签：allTimeText,uniapp,timeText,else,frequency,time,startTimeCopy,手写,js
来源： https://www.cnblogs.com/xiaofang234/p/16399180.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

uniapp纯js手写日历筛选年，月，日，季度，周