1. vue-ios-datepicker

vue-ios-datepicker

vue项目中:

<template>
  <div class="calendar">
    <p id="data">{{selectedData}}</p>
  </div>
</template>
var datePicker = require('../../assets/js/datePicker')
export default {
  data () {
    return {
      selectedData: ''
    }
  },
  mounted () {
    let self = this
    let calendar = new dataPicker();
    calendar.init({
      'trigger': '#date', /*按钮选择器,用于触发弹出插件*/
      'type': 'date',/*模式:date日期;datetime日期时间;time时间;ym年月;*/
      'minDate':'2004-1-1',/*最小日期*/
      'maxDate':'2020-12-31',/*最大日期*/
      'onSubmit':function(){/*确认时触发事件*/
        self.selectedData = calendar.value
      },
      'onClose':function(){/*取消时触发事件*/
      }
    });
  }
}