VantField.vue 601 B

1234567891011121314151617181920212223242526272829303132333435
  1. <template>
  2. <van-datetime-picker
  3. v-model="dataModel"
  4. type="date"
  5. title="选择年月日"
  6. />
  7. </template>
  8. <script>
  9. /** vant */
  10. import Vue from 'vue';
  11. import { DatetimePicker } from 'vant';
  12. import moment from 'moment'
  13. Vue.use(DatetimePicker);
  14. import 'vant/lib/index.css'
  15. export default {
  16. name: 'custom-vant-field',
  17. props: ['value'],
  18. data() {
  19. return {
  20. dataModel: new Date(this.value)
  21. }
  22. },
  23. watch: {
  24. value (val) {
  25. this.dataModel = new Date(val)
  26. },
  27. dataModel (val) {
  28. this.$emit('input', moment(val).format('YYYY-MM-DD'))
  29. }
  30. }
  31. }
  32. </script>