elementUI :Cannot read property 'getHours' of undefined

DateTimePicker 日期时间选择器报错:Cannot read property ‘getHours’ of undefined

方法一:(需要默认值时)
场景(type是datetime):例

  <el-form-item label="无效的时间:">
          <el-date-picker
            v-model="pointEnd"
            type="datetime"
            placeholder="选择日期时间">
          </el-date-picker>
        </el-form-item>
....
pointEnd:"2019-03-22"

上面这种就会报错,改pointEnd:"2019-03-22 00:00:00"后,依然还是有错,这时候给加属性表明你的时间格式:
value-format="yyyy-MM-dd HH:mm:ss"

  <el-form-item label="无效的时间:">
          <el-date-picker
            v-model="pointEnd"
            type="datetime"
            value-format="yyyy-MM-dd HH:mm:ss"
            placeholder="选择日期时间">
          </el-date-picker>
        </el-form-item>
        ....
pointEnd:"2019-03-22 00:00:00"

这样问题解决。
方法一:(没有默认时间,不需)

  <el-form-item label="无效的时间:">
          <el-date-picker
            v-model="pointEnd"
            type="datetime"
            placeholder="选择日期时间">
          </el-date-picker>
        </el-form-item>
....
pointEnd:null

直接给初始值null,也可解决

``` Page({ data: { boli1_imageUrl: '', boli2_imageUrl: '', boli3_imageUrl: '' }, // 通用拍照方法 takePhoto(type) { const watermarkTexts = { boli1: '剥离前照片', boli2: '实施现场照片', boli3: '竣工验收现场照片' }; wx.chooseImage({ count: 1, success: res => { const tempFile = res.tempFilePaths[0]; const key = `${type}_imageUrl`; const canvasId = `watermarkCanvas_${type}`; this.setData({ [key]: tempFile }, () => { this.addWatermark(canvasId, watermarkTexts[type]); }); } }); }, // 绑定拍照事件 takePhotoBoli1() { this.takePhoto('boli1'); }, takePhotoBoli2() { this.takePhoto('boli2'); }, takePhotoBoli3() { this.takePhoto('boli3'); }, // 添加水印方法 addWatermark(canvasId, text) { const ctx = wx.createCanvasContext(canvasId); const date = new Date(); const timestamp = `${date.getFullYear()}-${(date.getMonth()+1).toString().padStart(2,'0')}-${date.getDate().toString().padStart(2,'0')} ${date.getHours().toString().padStart(2,'0')}:${date.getMinutes().toString().padStart(2,'0')}`; // 设置水印样式 ctx.setFontSize(14); ctx.setFillStyle('rgba(255, 0, 0, 0.6)'); ctx.setTextBaseline('top'); // 计算文字位置(右下角显示) const textWidth = ctx.measureText(text).width; const timeWidth = ctx.measureText(timestamp).width; const maxWidth = Math.max(textWidth, timeWidth); // 绘制背景框 ctx.setFillStyle('rgba(255, 255, 255, 0.3)'); ctx.fillRect(280 - maxWidth - 5, 360 - 40, maxWidth + 10, 35); // 绘制文字 ctx.setFillStyle('red'); ctx.fillText(text, 280 - textWidth - 5, 360 - 35); ctx.fillText(timestamp, 280 - timeWidth - 5, 360 - 20); ctx.draw(); } });```调试报错TypeError: Cannot read property 'toString' of undefined
03-25
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值