elementUI date-picker 日期格式转为 2023/08/08格式

这篇具有很好参考价值的文章主要介绍了elementUI date-picker 日期格式转为 2023/08/08格式。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

      <el-form-item label="基线日期:" prop="baselineDate">
        <el-date-picker
          type="date"
          v-model="form.baselineDate"
          placeholder="选择日期"
          format="yyyy/MM/dd"
          @change="(date, type) => changeTime(date, 'baselineDate')"
        >
        </el-date-picker>
      </el-form-item>
      <el-form-item label="对比日期:" prop="comparisonDate">
        <el-date-picker
          type="date"
          v-model="form.comparisonDate"
          placeholder="选择日期"
          format="yyyy/MM/dd"
          @change="(date, type) => changeTime(date, 'comparisonDate')"
        >
        </el-date-picker>
      </el-form-item>
  data() {
    return {
      form: {
        baselineDate: "",
        comparisonDate: "",
      },
      format: "yyyy/MM/DD",
      
    };
  },


methods:{

changeTime(date, type) {
      console.log(date);
      if (type == "comparisonDate") {
        this.form.comparisonDate = moment(date).format(this.format);
      } else {
        this.form.baselineDate = moment(date).format(this.format);
      }
    },},

坑: dom 中 value注意这里的是 “yyyy/MM/dd” 。moment 中在 format格式化的时候是 “yyyy/MM/DD”。"YYYY/MM/DD"也可以

还是要仔细看官网:https://element.eleme.cn/#/zh-CN/component/date-picker#ri-qi-ge-shi文章来源地址https://www.toymoban.com/news/detail-648426.html

到了这里,关于elementUI date-picker 日期格式转为 2023/08/08格式的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • el-date-picker:选择日期的限制

    目录 前言: 基本使用: 时间区间: 公司业务:选择一个日期区间,但是只能选择本月 day.js简化版1 day.js简化版2 element-ui作为vue的龙头ui组件库,深受前端开发者的喜爱。 本文着重记录如何使用el-date-picker日期选择器,怎么去限制选择日期。先上官网链接---el-date-picker 先看下

    2024年02月09日
    浏览(39)
  • elementui日期组件自定义日期选项picker-options

     1、背景:日期组件根据当前选中的日期值,要求只能选择当前日期前后三个月的日期,并且支持快捷选项。html代码如下: 2、方案 :在pickeroptions中根据当前的日期配置disabledData属性: 选择一个日期后作为结束日期或者起始日期记录下来,点击事件触发options中的onpick函数,

    2024年02月13日
    浏览(45)
  • el-date-picker(日期时间选择)那些事

    用于记录工作和学习中遇到的问题 vue3+element-plus 日期时间格式转换 组件默认的格式:2024-02-01T16:00:00.000Z 需要转换成:YYYY-MM-DD HH:mm:ss

    2024年02月22日
    浏览(40)
  • element ui日期选择器el-date-picker选择不能超过某个日期

    html片段: data对象中pickerOptions: methods里面的dateSelFunc方法: 这样就可以实现了,如图2023年11月10号的不能选择: *喜欢玩网络小游戏的,可以进入洽西游戏网,很多好玩的小游戏,点击下方链接进入 洽西游戏 http://www.qiaxi.cc

    2024年04月13日
    浏览(47)
  • element UI中的el-date-picker日期选择的日期偏差问题记录

    el-date-picker日期选择的的日期和输出的日期不相同 错误的代码 没问题的代码 注: yyyy-MM-dd 和 yyyy-MM-DD 大小写一定要注意,忘记了 一定要看清楚文档!!!

    2024年04月11日
    浏览(45)
  • Flutter之日期选择器 calendar_date_picker2

    calendar_date_picker2主要由两个小部件组成: 1、 CalendarDatePicker2 ,此小部件仅包含日历 UI,并且每当用户点击不同的日期时就会发出事件。 2、 CalendarDatePicker2WithActionButtons ,此小部件包括日历 UI 和操作按钮(取消和确定)。仅当用户点击“确定”按钮时,此小部件才会发出更新

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

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

    2024年02月07日
    浏览(40)
  • 【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)
  • element-ui - 日期选择器el-date-picker 设置禁止选择日期

    使用日期选择器时,有的时候需要禁止选择一些日期,我们可以通过快捷选项 picker-options 对象中的禁用日期属性 disabledDate 来设置。 只能选择今天以及今天之后的日期 只能选择今天之后的日期(不包含今天) 只能选择今天以及今天之前的日期 只能选择今天之前的日期(不包

    2024年02月11日
    浏览(68)
  • elementui 中 el-date-picker 控制选择当前年之前或者之后的年份

    对 el-date-picker 控件做出判断控制 给 el-date-picker 组件添加 picker-options 属性,并绑定对应数据 pickerOptions html js 扩展 单个选择框的限制 设置选择今天及最近一年内的日期(包括今天) 设置选择今天及今天以后的日期 设置选择今天及今天以前的日期 设置选择今天之后的日期(

    2024年02月20日
    浏览(42)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包