时间转换

<!--未写完 永久没有写 最下面的授权结束时间未写！！！ -->
<!--（网店价格授权） -->
<template>
<view id="editorialMember">
<global-header :imgSrcLeft="‘/static/nav/back.png‘" :title="‘网店价格授权‘" />
<div class="editorialMember_c bgw pd">
<div class="item fix" @click="bindPicker()">
会员：<text class="text_huiyuan">{{memberIdSpanishName.spanishName ||‘ 请选择会员‘}}</text>
<span class="fr">
<view class="uni-input">

<image src="@/static/index/index22.png"></image>

</view>
</span>
</div>
</div>


<!-- 快速授权 没写完-->
<div class="editorialMember_c bgw pd">
<div class="div_ks">
<view>快速授权</view>

<button class="view_xz" type="default" @click="time(1)">今天</button>
<button class="view_xz" type="default" @click="time(5)">5天</button>
<button class="view_xz" type="default" @click="time(10)">10天</button>
<button class="view_xz" type="default" @click="time(15)">15天</button>
<button class="view_xz" type="default" @click="time(30)">30天</button>
<button class="view_xz" type="default" @click="time(6)">6个月</button>
<button class="view_xz" type="default" @click="time(365)">1年</button>
<button class="view_xz" type="default" @click="time(0)" >永久</button>
<view class="view_xz view_xz2" type="default" @click="time(2)" >

<picker mode="date" :value="date" @change="bindDateChange">
<view class="">{{date}}</view>
</picker>


</view>
<div>
<!-- 授权结束时间 -->
<view class="view_sqsj">
授权结束时间
</view>
<!-- 快速授权 时间选择 -->
<!-- <view class="uni-list">
<view class="uni-list-cell">
<view class="uni-list-cell-db">
<picker mode="date" :value="date" @change="bindDateChange">
<view class="">{{date}}</view>
</picker>
</view>
</view>
</view> -->
</div>

</div>
</div>

<div class="btn_sub" @click="save">
保存
</div>
</view>
</template>
<script>
export default {
data() {
const currentDate = this.getDate({

})
return {

date: ‘自定义‘, //时间选择
memberIdSpanishName: {},//上个页面传过来的数据
Getthedate:{},
grantStartTime:‘‘,//今天
grantEndTime:‘‘,
arraylist:[],
memberId:‘‘//上个页面传过来的数

}
},
// 钩子函数 获取上页面的传过来的数据
onLoad(memberIdSpanishName) {

this.memberIdSpanishName.spanishName = memberIdSpanishName.spanishName
// alert(memberIdSpanishName.spanishName)
this.memberIdSpanishName.memberId = memberIdSpanishName.memberId
// alert(this.memberIdSpanishName.memberId)



},
created(){

},
methods: {
// 时间选择
bindDateChange: function(e) {
this.date = e.target.value
this.grantEndTime=this.date

},


// 时间选择
getDate(type) {
const date = new Date();
let year = date.getFullYear(); //4位数年
let month = date.getMonth() + 1; //月
let day = date.getDate(); //天

if (type === ‘start‘) {
year = year - 60;
} else if (type === ‘end‘) {
year = year + 2;
}
month = month > 9 ? month : ‘0‘ + month;;
day = day > 9 ? day : ‘0‘ + day;
return `${year}-${month}-${day}`;
},
// 调整授权时间
getlist() {
// 请求接口
this.request({
url: ‘/shop/sellerApp/shopMember?memberId=‘ + this.memberIdSpanishName.memberId,
method: ‘get‘,
data: {}

}).then((res) => {
this.getuser = res.data

// 开始时间
this.getuser.grantStartTime = this.moment(this.getuser.grantStartTime*1000).format(‘YYYY-MM-DD‘)
//结束时间
this.getuser.grantEndTime = this.moment(this.getuser.grantEndTime*1000).format(‘YYYY-MM-DD‘)

})
},
//保存 请求接口
save() {
// 当前时间
console.log("当前时间",this.moment(this.grantStartTime).format(‘YYYY-MM-DD‘))
// 结束时间
console.log("结束时间",this.moment(this.grantEndTime).format(‘YYYY-MM-DD‘))


// 请求接口
this.request({
url: ‘/shop/sellerApp/shopMember/price‘,
method: ‘post‘,
data: {
memberId: this.memberIdSpanishName.memberId,
grantStartTime: getDate(this.grantStartTime).valueOf()/1000, //开始
grantEndTime: getDate(this.grantEndTime).valueOf()/1000,//结束时间
}
}).then((res) => {
console.log("网店价格授权", res)
uni.navigateTo({
url: ‘/pages/index/onlinestore/index‘
});

})

},
// 跳转到 选择会员页面 跳转前要判断是否有会员(这一步还没写)！！
bindPicker() {
uni.navigateTo({
url: ‘/pages/index/selectMembers/index‘
});
},
//时间选择
time(age) {

// 当前时间
const date1 = new Date();
this.grantStartTime=this.moment(date1).valueOf()
console.log(this.grantStartTime)
if(age==1){
const date=new Date(new Date().valueOf() + 86400*1*1000)
this.grantEndTime=this.moment(date).valueOf()
}else if(age==5){
const date=new Date(new Date().valueOf() + 86400*5*1000)
this.grantEndTime=this.moment(date).valueOf()
}else if(age==10){
const date=new Date(new Date().valueOf() + 86400*10*1000)
this.grantEndTime=this.moment(date).valueOf()
}else if(age==15){
const date=new Date(new Date().valueOf() + 86400*15*1000)
this.grantEndTime=this.moment(date).valueOf()
}else if(age==30){
const date=new Date(new Date().valueOf() + 86400*30*1000)
this.grantEndTime=this.moment(date).valueOf()

}else if(age==6){
//这里的月是按一个月30天计算的
const date=new Date(new Date().valueOf() + 86400*180*1000)
this.grantEndTime=this.moment(date).valueOf()
}else if(age==365){
const date=new Date(new Date().valueOf() + 86400*365*1000)
this.grantEndTime=this.moment(date).valueOf()
}else if(0){

}

},




}
};
</script>

<style lang="less" scoped>
#editorialMember {
.btn_sub {
width: 654upx;
height: 88upx;
background: #1081c7;
font-size: 36upx;
line-height: 88upx;
font-weight: 500;
text-align: center;
color: #ffffff;
letter-spacing: 2px;
margin: 100upx auto;
}

.editorialMember_c {
margin-bottom: 20upx;

.item {
height: 98upx;
line-height: 98upx;
border-bottom: 1px solid #e6e6e6;
font-size: 30upx;
color: #333333;

&.itemtextarea {
height: 196upx;

/deep/uni-textarea {
width: 470upx;
height: 132upx !important;
margin-top: 16upx;
}

/deep/.uni-textarea-textarea {
width: 470upx;
height: 132upx;
border: 1px solid #e6e6e6;
padding: 16upx 0 16upx 42upx;
}
}

span {
font-size: 30upx;
color: #666666;

image {
width: 16upx;
height: 30upx;
vertical-align: sub;
margin-left: 24upx;
}
}

uni-input {
width: 470upx;
height: 66upx;
background: #ffffff;
margin-top: 18upx;
}

/deep/.uni-input-input {
padding: 0 10upx;
border: 1px solid #e6e6e6;
color: #666666;
}

/deep/.uni-input-input:focus {
border-color: #409eff;
}

/deep/uni-checkbox .uni-checkbox-input {
margin-right: 24upx;
}
}
}
}

// 自定义
.view_xz2{
// border: 1px solid red;
background: #007AFF;
border-radius: 10upx;

}
// 请选择会员
.text_huiyuan {
color: #ccc0be;
}

// 快速授权
.view_xz {
width: 218upx;
height: 98upx;
float: left;
margin: 15upx 8upx;

text-align: center;
line-height: 3;
}

//清除浮动
.div_ks {
height: auto;
overflow: hidden;
clear: both;
}

// 授权结束时间
.view_sqsj {
margin-bottom: 20upx;
}

/* 时间框 */
.uni-list-cell-db {
border: 1px solid #999999;
width: 500upx;
height: 60upx;
float: left;
margin-left: 2upx;

border-radius: 8upx;
}

/* 时间框里的时间调整 */
.uni-input {
font-size: 28upx;
line-height: 2;
}
</style>

时间转换

原文：https://www.cnblogs.com/xkyy/p/14741983.html