hookehuyr

fix

<!--
* @Author: hookehuyr hookehuyr@gmail.com
* @Date: 2022-05-27 15:57:59
* @Date: 2022-09-19 14:11:06
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2022-06-06 19:18:14
* @FilePath: /taro-vant-weapp/src/pages/index/index.vue
* @Description:
* @LastEditTime: 2022-09-19 17:21:39
* @FilePath: /swx/src/pages/index/index.vue
* @Description: 文件描述
-->
<template>
<!-- <van-tabs :active="active" bind:change="onChange">
......@@ -17,12 +16,27 @@
</van-tabs> -->
<van-button type="primary" @click="goTo">主要按钮</van-button>
<van-image width="100" height="100" src="https://img.yzcdn.cn/vant/cat.jpeg" />
<view class="page-body">
<view class="page-section">
<text>时间日期选择器--无默认</text>
<view>
<timePickerData
:start-time="startTime"
:end-time="endTime"
@result="onResult"
>
<input placeholder="请选择" disabled='true' :value="time" />
</timePickerData>
</view>
</view>
</view>
</template>
<script setup>
import Taro from '@tarojs/taro'
import { ref } from 'vue';
import request from '../../utils/request';
import timePickerData from "@/components/time-picker-data/picker";
request.get('/srv/?a=kg_list')
.then(res => {
......@@ -94,5 +108,36 @@ export default {
}
});
},
data() {
return {
time:'',
startTime: new Date(),
default:new Date(),
};
},
created(){
this.startTime = this.getTime("min", 1);
this.endTime = this.getTime("year", 2);
},
methods: {
getTime(key, number, date) {
let _date = date ? new Date(date) : new Date();
if (key === "min") {
_date.setMinutes(_date.getMinutes() + number);
}
if (key === "hour") {
_date.setHours(_date.getHours() + number);
}
if (key === "year") {
_date.setFullYear(_date.getFullYear() + number);
}
return _date;
},
onResult(arr) {
let time =
arr[0] + "-" + arr[1] + "-" + arr[2] + " " + arr[3] + ":" + arr[4];
this.time = time;
},
},
};
</script>
......