mpvue——picker及mptosat弹窗组件

 讲几个自己开发中用到的组件吧，其他组件待后期用到了再补上。网上的信息五花八门的坑挺多，实际运用到小程序中各种错误，不了解的时候还真无从下手。

• mpVue中使用小程序自带组件——picker

时间选择

<!--wxml-->
<picker mode="time" :value="{
  
  {time}}" start="09:01" end="21:01" @bindchange="bindTimeChange">
    <button type="default">时间选择器</button>
</picker>

//js
<script>
export default {
  data () {
    return {
      time: '12:01'
    }
  },
  computed: {
  },
  components: {
  },
  methods: {
    // 选择时间
    bindTimeChange: function (e) {
      this.setData({
        date: e.mp.detail.value
      })
    }
  }
}
</script>

日期选择

<!--wxml-->
<picker class="weui-btn" mode="date" :value="{
  
  {date}}" start="" end="" @bindchange="bindTimeChange">
    <button type="default">搜索</button>
</picker>

//js
<script>
export default {
  data () {
    return {
      date: '2016-09-01'
    }
  },
  computed: {
  },
  components: {
  },
  methods: