Element Plus 日期选择器 获取选中的日期的格式(当前日期/时间戳格式)

这篇具有很好参考价值的文章主要介绍了Element Plus 日期选择器 获取选中的日期的格式(当前日期/时间戳格式)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

Element Plus的日期选择器如果没有进行处理,就会返回data格式:

element plus value-format,vue.js,前端

1.转换为选中的日期

如果想要获取选中的日期时间就需要通过,Element Plus 日期选择器 format属性和value-format属性。format指定输入框的格式。 value-format 指定绑定值的格式。

为日期选择器添加下面的代码,那么获取的值就会变成你选中的日期

format="YYYY/MM/DD"

 value-format="YYYY-MM-DD"

  <el-date-picker
        v-model="value"
        type="date"
        placeholder="请选择时间"
        format="YYYY/MM/DD"
        value-format="YYYY-MM-DD"
      />

效果图:

element plus value-format,vue.js,前端

 2.转换为时间戳格式

如果想要转换为时间戳格式,也是需要更改 value-format属性。将value-format属性改为:

value-format="x" 即可。

代码:

<el-date-picker
        v-model="value"
        type="date"
        placeholder="请选择时间"
        format="YYYY/MM/DD"
        value-format="x"
          />

效果图:

element plus value-format,vue.js,前端文章来源地址https://www.toymoban.com/news/detail-539561.html

到了这里,关于Element Plus 日期选择器 获取选中的日期的格式(当前日期/时间戳格式)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • Python获取当前时间日期

    时间日期类型在Python中主要有两个模块:time模块 和 datetime模块 time模块: 是基于Unix Timestamp(时间戳)实现的,所能表述的范围被限定在1970-2038年之间; 时间戳: 是指格林尼治时间1970年01月01日00时00分00秒起至现在的总秒数,结果是一个浮点数。 2.1 获取当前时间戳 示例:

    2024年02月13日
    浏览(39)
  • Java 获取当前日期和时间

     System.currentTimeMillis() 获取标准时间可以通过 System.currentTimeMillis() 方法获取,此方法不受时区影响,得到的结果是时间戳格式的。例如: 我们可以将时间戳转化成我们看得懂的形式 则该时间戳对应的时间为 值得注意的是,此方法会根据我们系统时间返回当前值,因为世界各

    2024年02月05日
    浏览(37)
  • element-plus的日期选择器限定选择范围

    提示:这里可以添加本文要记录的大概内容: element-plus的日期选择器限定选择范围,由于数据的获取范围限定,需要前端处理一下日期的选择范围 提示:以下是本篇文章正文内容,下面案例可供参考 提示:这里对文章进行总结: 这里只收集我目前为止在项目的过程中遇到的

    2024年02月13日
    浏览(28)
  • 微信小程序获取当前日期时间

    在小程序中获取当前系统日期和时间,可直接拿来使用的常用的日期格式 一般放入utils工具类    参考代码  示例

    2024年02月07日
    浏览(53)
  • 微信小程序 获取当前日期时间

    打印结果: 自定义:

    2024年02月04日
    浏览(52)
  • 微信小程序获取当前日期和时间

    博主介绍: 本人专注于Android/java/数据库/微信小程序技术领域的开发,以及有好几年的计算机毕业设计方面的实战开发经验和技术积累;尤其是在安卓(Android)的app的开发和微信小程序的开发,很是熟悉和了解;本人也是多年的Android开发人员;希望我发布的此篇文件可以帮

    2024年02月07日
    浏览(45)
  • 微信小程序如何获取当前日期时间

    Hello大家好!我是咕噜铁蛋,获取当前日期时间是小程序中经常会用到的一个功能。因此,在本文中,我通过科技手段给大家收集整理了下,今天我将向大家介绍如何在微信小程序中获取当前日期时间的方法,并分享一些实用技巧和注意事项。 一、获取当前日期时间的方法

    2024年01月23日
    浏览(44)
  • Element Plus 日期选择器的使用和属性

    element plus 日期选择器如果如果没有进行处理 他会返回原有的属性值data格式 如果想要获取选中的日期时间就需要通过以下的代码来实现选中的值 format=\\\"YYYY/MM/DD\\\"  value-format=\\\"YYYY-MM-DD\\\"  看一下加上后的效果: 这个组件还能转换为时间戳的方式,也是需要更改 value-format属性。将

    2024年02月10日
    浏览(31)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包