首页IT科技datepicker当前日期(解决el-date-picker日期选择控件少一天的问题)

datepicker当前日期(解决el-date-picker日期选择控件少一天的问题)

时间2025-09-10 19:16:13分类IT科技浏览7344
导读:选择的日期和存入的日期差一天的原因 这个是由于element-ui中时间控件的默认时间为国际标准时间,因此与北京时间差8个小时。...

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

这个是由于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="选择日期">  </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>

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

声明:本站所有文章                         ,如无特殊说明或标注               ,均为本站原创发布        。任何个人或组织          ,在未征得本站同意时                         ,禁止复制             、盗用                             、采集            、发布本站内容到任何网站        、书籍等各类媒体平台             。如若本站内容侵犯了原著者的合法权益                   ,可联系我们进行处理                             。

创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!

展开全文READ MORE
企业网站优化的五点素质要求(打造成功的企业网站,五点素质不能少) 如何评估网站设计的质量