12345678910111213141516171819202122232425262728293031323334353637383940414243444546 |
- <template>
- <view>
- <view class="item" @tap="rangeVisible=true">日期区间</view>
- <view class="result">选择结果:{{result.result}}</view>
-
- <w-picker
- :visible.sync="rangeVisible"
- mode="range"
- startYear="2017"
- endYear="2030"
- :value="rangeVal"
- :current="true"
- @confirm="onConfirm($event,'range')"
- @cancel="onCancel"
- ref="range"
- ></w-picker>
- </view>
- </template>
- <script>
- export default {
- data() {
- return {
- rangeVisible:false,
- result:{
- result:""
- },
- rangeVal:['2018-12-12','2020-04-02']
- };
- },
- methods:{
- onConfirm(res,type){
- this.result=res;
- console.log(res)
- },
- onCancel(){
-
- }
- }
- }
- </script>
- <style lang="scss">
- </style>
|