介绍 & lt; template>
,& lt; div 类=皊houkuan"比;
& lt;才能!——,头部公共搜索框,——比;
& lt;才能tabbar title=疤砑油哦踊疃白４? lt;/tabbar>
& lt;才能div 类=癱on"比;
,,& lt; van-cell-group>
,,,& lt; van-field v模型=皀ame", clearable 标签=盎疃啤?占位符=扒胙≡窕疃啤?/比;
,,,& lt; van-field v模型=皊tarttime", clearable 标签=翱际奔洹?占位符=扒胧淙肟际奔洹?@focus=笆?/比;
,,,& lt; van-field v模型=癳ndtime", clearable 标签=敖崾奔洹?占位符=扒胧淙虢崾奔洹?@focus=?以何种;,/比;
,,& lt;/van-cell-group>
,,& lt; van-cell-group>
,,,& lt; van-field
,,,,v模型=癿essage"
,,,,行=?”;
,,,autosize
,,,,标签=盎疃昵椤?
,,,,类型=皌extarea"
,,,,最大长度=?0”;
,,,,占位符=扒胧淙搿?
,,,show-word-limit
,,,/比;
,,& lt;/van-cell-group>
& lt;才能/div>
& lt;才能van-button 类型=皃rimary",大?發arge", @click=癮dd"祝辞确认添加& lt;/van-button>
& lt; !——,才能开始时间控件,——比;
& lt;才能van-popup v模型=皊how",位置=癰ottom"比;
& lt; van-datetime-picker。才能
,,,v模型=癱urrentDate"
,,,类型=癲atetime"
,,,:min-date=癿inDate"
,,,:max-date=癿axDate"
,,,@confirm=癱onfirm"
,,,@cancel=癱ancel"
,,,:格式化程序=癴ormatter"
,,/比;
& lt;才能/van-popup>
& lt; !——,才能结束时间控件,——比;
& lt;才能van-popup v模型=皊how1",位置=癰ottom"比;
& lt; van-datetime-picker。才能
,,,v模型=癱urrentDate1"
,,,类型=癲atetime"
,,,:min-date=癿inDate"
,,,:max-date=癿axDate"
,,,@confirm=癱onfirm1"
,,,@cancel=癱ancel1"
,,,:格式化程序=癴ormatter"
,,/比;
& lt;才能/van-popup>
,& lt;/div>
& lt;/template>
& lt; script>
import tabbar 得到“. ./. ./组件/navbar";
export default {
,数据(){
return {才能
,,,的名字:““,,//活动名称
消息:,,,,,,,//活动详情
,,,表明:假的,,//开始时间弹窗
,,,show1:假的,,//结束时间弹窗
,,minHour: 10
,,,maxHour: 20,
,,,minDate: new 日期(),
,,,maxDate: new 日期(2020年,11日,31),
,,,currentDate: new 日期(),,//开始标准时间
,,,currentDate1: new 日期(),,//结束标准时间
,,,开始时间:““,,//开始时间
,,,starttime1:““,,//开始时间时间戳
,,,endtime:““,,//结束时间
,,,endtime1:““,//结束时间时间戳
,,};
},
,组件:{
tabbar才能
},
,安装(){},
,方法:{//,才能选择开始时间
开始(),{才能
,,this.show =,真的;
,,},//,才能选择结束时间
结束才能(),{
,,this.show1 =,真的;
,,},//,才能点击确定
确认才能(),{
,,this.show =,假;
,,this.starttime =,,,this.currentDate.getFullYear (), +
,,,,年,,+
,,,(数量(this.currentDate.getMonth ()), +, - 1), +
,,,“月“+
,,,this.currentDate.getDate (), +
,,,“日,“+
,,,this.currentDate.getHours (), +
,,,,:“+
,,,this.currentDate.getMinutes ();
,,this.starttime1 =, new 日期(this.currentDate) .getTime (),/, 1000;
,,},//,才能点击取消
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
如何正确的使用vant时间控件?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。
具体内容如下
