Vant的DatetimePicker组件踩坑二

• 踩坑：DatetimePicker组件用v-model绑定值，返回的是一个Date对象，并不是我们想要的yyy-MM-dd之类的格式。

• 解决方案：DatetimePicker一般和VanField一起使用，点击VanField唤起DatetimePicker，可以让VanField和DatetimePicker用v-model绑定到两个不同的变量，比如somethingName（VanField）和somethingNameTemp（DatetimePicker），然后用somethingNameTemp这个Date对象转换为想要的格式赋值给somethingName。

• 优化：Date对象转换成yyy-MM-dd这类格式是很麻烦的，可以再Date对象的原型上添加一个工具函数，如下方代码。然后就可以使用：date.format (‘yyy-MM-dd’)，来返回我们想要的格式化数据。

window.Date.prototype.format = function (fmt) {
  var o = {
    'M+': this.getMonth() + 1, // 月份
    'd+': this.getDate(), // 日
    'h+': this.getHours(), // 小时
    'm+': this.getMinutes(), // 分
    's+': this.getSeconds(), // 秒
    'q+': Math.floor((this.getMonth() + 3) / 3), // 季度
    'S': this.getMilliseconds() // 毫秒
  }

  if (/(y+)/.test(fmt)) {
    fmt = fmt.replace(RegExp.$1, (this.getFullYear() + '').substr(4 - RegExp.$1.length))
  }

  for (var k in o) {
    if (new RegExp('(' + k + ')').test(fmt)) {
      fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k]).length)))
    }
  }

  return fmt
}