el-date-picker 的初始化数据格式理解、报错 “TypeError: date.getFullYear is not a function“

这篇具有很好参考价值的文章主要介绍了el-date-picker 的初始化数据格式理解、报错 “TypeError: date.getFullYear is not a function“。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

个人理解

如果后端传给前端的时间数据是字符串类型的,那么当触发 el-date-picker 组件时,就会报出很多错误,例如

el-date-picker 的初始化数据格式理解、报错 “TypeError: date.getFullYear is not a function“,Vue,vue.js,前端,javascript
el-date-picker 的初始化数据格式理解、报错 “TypeError: date.getFullYear is not a function“,Vue,vue.js,前端,javascript
这是由于初始化赋值格式的问题,需要对初始化值,进行一个 new Date(your_time_data)

前端演示模板:

<template>
        <el-date-picker v-model="formData.time"
                          type="datetime"
                          value-format="yyyy-MM-dd HH:mm:ss"
                          format="yyyy-MM-dd HH:mm:ss"
                          placeholder="选择时间">
          </el-date-picker>
</template>
<script>

省略内容...

this.formdata.time = new Date('2023-7-7') // 前端获取到时间数据,字符串格式

省略内容...
</script>

参考链接

1. vue知识点—element el-date-picker 插件默认时间属性default-value怎么赋值?文章来源地址https://www.toymoban.com/news/detail-538920.html

到了这里,关于el-date-picker 的初始化数据格式理解、报错 “TypeError: date.getFullYear is not a function“的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • el-date-picker组件设置时间范围限制

    如图所示,下图为新增的一个弹层页面,同时有个需求, 日期选择 需要 限制一个月的时间范围 (一月 默认为30天 ): 参数 说明 类型 可选值 默认值 shortcuts 设置快捷选项,需要传入 { text, onClick } 对象用法参考 demo 或下表 Object[] — — disabledDate 设置禁用状态,参数为当前

    2024年01月17日
    浏览(45)
  • element ui 修改el-date-picker样式

     首先查看官方文档,是否提供了类自定义的参数 ,其他组件也是如此 第二种效果图:    

    2024年02月11日
    浏览(48)
  • 封装 element el-date-picker时间选择区间

    基于el-date-picker 处理满足项目需求。(:最多选择7天) 效果: 1 大于当前时间的以后日期禁选。2 选中时间的前后七天可选 (最多可查询7天数据)3

    2024年01月25日
    浏览(52)
  • el-date-picker默认结束为当前时分秒

    需求:实现日期时间组件可选择当前日期,比如当前是2024年01月17号下午17:21 那选中时必须结束时间为17:21 也可选01月17号当天其他的时间(很多文章超过17:21都不能选了,搞得我头疼 效果如下: 不多说,上代码: 设置当前默认结束时间 new Date().toLocaleTimeString(‘chinese’

    2024年01月18日
    浏览(42)
  • 【VUE】el-date-picker日期选择器回显

    使用elementUI - el-date-picker 日期选择器 在请求到后端接口后,返回的数据中,日期数据回显到页面的el-date-picker组件中 1.  Vue.set( target, propertyName/index, value )      数组:第一个参数是要修改的数组, 第二个值是修改的下标或字段,第三个是要修改成什么值。     2. this.$set(this

    2024年02月11日
    浏览(60)
  • el-date-picker日期选择器奇怪的问题解决

    问题描述 :点击日期选择器,出现日历下拉框,选择了日期后绑定的value值不变;绑定 @change 事件,监听不到 解决方案 :添加input事件,$forceUpdate()

    2024年02月07日
    浏览(40)
  • element ui el-date-picker 组件默认值

    element ui el-date-picker 组件添加默认值 element ui el-date-picker 组件默认当年 element ui el-date-picker 组件默认当前月份 new Date() 用法 参考文章地址:https://blog.csdn.net/coldriversnow/article/details/125635882

    2024年02月07日
    浏览(45)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包