1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > vue:时间选择器自定义时间可选范围

vue:时间选择器自定义时间可选范围

时间:2021-12-21 18:39:22

相关推荐

vue:时间选择器自定义时间可选范围

vue:el-date-picker

时间自定义选择时间范围注:该方法需写再计算属性中补充:(后面时分秒的禁选)在disabledDate的后面加一个selectableRange

时间自定义选择时间范围

<el-date-pickerstyle="width:100%"vModel={data['yearStart']}picker-options={this.pickerStartOptions('listQuery')}type="date"value-format="yyyy-MM-dd"format="yyyy-MM-dd"/><el-date-pickerstyle="width:100%"vModel={data['yearEnd']}type="date"picker-options={this.pickerEndOptions('listQuery')}value-format="yyyy-MM-dd"format="yyyy-MM-dd"/>

注:该方法需写再计算属性中

computed{//改变时触发计算属性pickerOptions() {return function(queryList) {//修改this指向,如果不修改this指向,则不会不会到自定的属性var _self = thisreturn {disabledDate(time) {let yearStart = new Date(_self[queryList].yearStart)yearStart.setDate(yearStart.getDate())return time.getTime() < yearStart.getTime()},}}},}

补充:(后面时分秒的禁选)在disabledDate的后面加一个selectableRange

在这里插入代码片

selectableRange: (() => {const currentTime = _self[form][currentAttr] //currentAttr:传入指定的一个时间节点if (currentTime &&moment(timeFilter(currentTime)).diff(moment(timeFilter(year)),'day') == 0 //判断滑动浏览的时间是否和当前的时间是同一天,如果是同一天则当前时间已过的时分秒🈲选,非当前时间都可选) {let hour = year.getHours()let minute = year.getMinutes()let second = year.getSeconds()return [`${hour}:${minute}:${second} - 23:59:59`]} else if (_self[form][timeAttr]) {return [`00:00:00 - 23:59:59`]} else return ''})(),

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。