weui实现（日期 年-月-日 滚动选择）

引入weui的js,css文件和vue.js

1、引入（引入weui的js文件和css文件必须必须是对应的！，不然的话后期显示样式会非常乱！）

<link rel="stylesheet" href="/static/weui/weui.min.css">
<script type="text/javascript" src="https://res.wx.qq.com/open/libs/weuijs/1.2.1/weui.min.js"></script>

2、html部分

 <div>
      <span>起始日期：</span>
      <input type="text" class="sort_input font_three " id="showDatePicker" v-model="date1"  autocomplete="off" readonly>
 </div>

3、js部分

$('#showDatePicker').on('click', function () {
        weui.datePicker({
            start: 1990,
            end: new Date().getFullYear()+10,
            defaultValue: [new Date().getFullYear(), new Date().getMonth() + 1, new Date().getDate()],//默认日期
            onChange: function (result) {
                console.log(result);
            },
            onConfirm: function (result) {
                //                console.log("确认",);
                vm.date1 = dateF(result)
                console.log("确认", dateF(result));
                console.log(vm)
            },
            title: '多列选择器',

        });
    });

---

4、这里是对时间的形式进行处理

    // 处理时间把时间变成（年-月-日）的形式
    function dateF(date) {
        let a = date.map(item => {
            let reg = /[\u4e00-\u9fa5]/g;
            //在这里使用了一下add0
            return add0(item.label.replace(reg, ""))
        }).join('-')
        return a
    }
    //在月份小于10的时候补0
    function add0(data) {
        if (data < 10) {
            return "0" + data
        } else {
            return data
        }
    }
    //结束日期不能小于开始日期
    function begin_end_time(begin, end) {
        console.log(begin, end);
        if (begin == '') {
            weui.alert("请选择开始时间！")
            return
        } else {
            let end_sub_begin = Number(end.split('-').join('')) - Number(begin.split('-').join(''))
            console.log(begin, '-----', end, end_sub_begin);
            if (end_sub_begin < 0) {
                weui.alert("结束日期不能小于开始日期")
                return false

            } else {
                return true
            }
        }
        return
    }