iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >解决el-date-picker日期选择控件少一天的问题
  • 267
分享到

解决el-date-picker日期选择控件少一天的问题

摘要

目录选择的日期和存入的日期差一天的原因解决方法Vue时间控件中获取时间少一天的问题汇总选择的日期和存入的日期差一天的原因 这个是由于element-ui中时间控件的默认时间为国际标准

选择的日期和存入的日期差一天的原因

这个是由于element-ui中时间控件的默认时间为国际标准时间,因此与北京时间差8个小时。

解决方法

在以下代码中增加value-format="yyyy-MM-dd"语句

vue时间控件中获取时间少一天的问题汇总

1、

<el-fORM :inline="true" class="demo-form-inline padding-top-20"> 
<el-form-item label="年份"> <div class="block"> 
<el-date-picker 
v-model="searchYear"
type="daterange" 
align="right" 
value-format="yyyy-MM-dd" 
unlink-panels range-separator="至" start-placeholder="开始日期" 
end-placeholder="结束日期" 
:picker-options="Shortcut">
</el-date-picker>
</div>
</el-form-item>

需要加入

value-format=“yyyy-MM-dd” 这个就可以了,我选择的是年月日

2、通过@on-change事件来绑定

 <DatePicker type="date" @on-change="getStartTime" placeholder="选择日期" style="width: 200px">
 </DatePicker>

getStartTime: function (starTime) {
  console.log(startTime)
},

3、直接@on-change=“date=$event”,date是data里的数据名

<DatePicker
@on-change="search.activityTime=$event" 
type="date"
placeholder="Select date"
style="width: 200px"
></DatePicker>

以上为个人经验,希望能给大家一个参考,也希望大家多多支持编程网。

--结束END--

本文标题: 解决el-date-picker日期选择控件少一天的问题

本文链接: https://www.lsjlt.com/news/169204.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作