element时间选择器处理时间格式

我们默认从element ui官网粘过来的时间选择插件在选择时间后真正的值为时间戳,难道要自己处理?其实官网有最简单的处理方法,就在时间选择器页面向下翻翻就找到了。

我们默认从element ui官网粘过来的时间选择插件在选择时间后真正的值为时间戳,难道要自己处理?其实官网有最简单的处理方法,就在时间选择器页面向下翻翻就找到了。

                <template>

		  <div class="block">

		    <span class="demonstration">默认为 Date 对象</span>

		    <div class="demonstration">值:{{ value1 }}</div>

		    <el-date-picker

		      v-model="value1"

		      type="date"

		      placeholder="选择日期"

		      format="yyyy 年 MM 月 dd 日">

		    </el-date-picker>

		  </div>

		  <div class="block">

		    <span class="demonstration">使用 value-format</span>

		    <div class="demonstration">值:{{ value2 }}</div>

		    <el-date-picker

		      v-model="value2"

		      type="date"

		      placeholder="选择日期"

		      format="yyyy 年 MM 月 dd 日"

		      value-format="yyyy-MM-dd">

		    </el-date-picker>

		  </div>

		  <div class="block">

		    <span class="demonstration">时间戳</span>

		    <div class="demonstration">值:{{ value3 }}</div>

		    <el-date-picker

		      v-model="value3"

		      type="date"

		      placeholder="选择日期"

		      format="yyyy 年 MM 月 dd 日"

		      value-format="timestamp">

		    </el-date-picker>

		  </div>

		</template>

		<script>

		  export default {

		    data() {

		      return {

		        value1: '',

		        value2: '',

		        value3: ''

		      };

		    }

		  };

		</script>

attachments-2020-06-YbAClO3b5eef68c209309.png

  • 发表于 2020-06-21 21:34
  • 阅读 ( 194 )

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
admin
admin

578 篇文章

作家榜 »

  1. admin 578 文章
  2. 粪斗 185 文章
  3. 王凯 92 文章
  4. 廖雪 78 文章
  5. 牟雪峰 12 文章
  6. 李沁雪 9 文章
  7. 全易 2 文章
  8. quanyi 0 文章