{{date}} data() { co...">
美文网首页
日期选择器

日期选择器

作者: 程序媛_ | 来源:发表于2020-09-25 17:00 被阅读0次

<view>

<picker mode="date" :value="date" :start="startDate" :end="endDate" @change="bindDateChange">

<view class="">{{date}}</view>

</picker>

</view>

data() {

const currentDate = this.getDate({

format: true

})

return {

date: currentDate,

time: '12:01'

}

},

methods: {

bindDateChange: function(e) {

this.date = e.target.value

},

getDate(type) {

const date = new Date();

let year = date.getFullYear();

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}`;

}

},

可直接显示文本插值的内容

相关文章

网友评论

      本文标题:日期选择器

      本文链接:https://www.haomeiwen.com/subject/excoyktx.html