-
踩坑: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
}