小程序时间选择器报错getFullYear is not a function 的解决方案

最新推荐文章于 2023-07-22 14:00:00 发布

Melody_Zxy

最新推荐文章于 2023-07-22 14:00:00 发布

阅读量1.7k

点赞数 1

分类专栏：时间选择器 getFullYear解决方案文章标签：小程序

本文链接：https://blog.youkuaiyun.com/qq_39350854/article/details/118084566

版权

时间选择器同时被 2 个专栏收录

1 篇文章

订阅专栏

getFullYear解决方案

1 篇文章

订阅专栏

本文档介绍了一个关于微信小程序中使用 vant 时间选择器时遇到的 `getFullYear is not a function` 错误的解决方案。作者通过分享代码片段展示了如何正确转化选择的日期，并提供了完整的组件配置和事件处理方法。最终，作者成功解决了问题并给出了可复用的代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

小程序时间选择器报错getFullYear is not a function 的解决方案

var date = new Date(time)

效果

点击 “展示弹出层”右侧箭头弹出 在这里插入图片描述
选择日期后

整体用法

.json

"usingComponents": {
    "van-datetime-picker": "@vant/weapp/datetime-picker/index",
    "van-cell": "@vant/weapp/cell/index",
    "van-cell-group": "@vant/weapp/cell-group/index",
    "van-popup": "@vant/weapp/popup/index"
  }

.wxml

<van-cell title="展示弹出层" is-link bind:click="showPopup">{{ spdate }}</van-cell>
 <van-popup show="{{ show }}" bind:close="onClose" position="bottom" custom-style="height: 50%">
     <van-datetime-picker type="date" bind:confirm="confirmPicker" value="{{ currentDate }}" min-date="{{ minDate }}"/>
</van-popup>

.js

data: {
    //时间选择
    spdate: '',
    show: false,
    currentDate: new Date().getTime(),
    minDate: new Date().getTime()
  },
  // 时间选择
  showPopup() {
    this.setData({ show: true });
  },

  onClose() {
    this.setData({ show: false });
  },
  confirmPicker(val) {
    // 时间转化
    var time = val.detail
    var date = new Date(time)
    var date = (date.getFullYear()) + "-" + (date.getMonth() + 1 + "-" + date.getDate())
    this.setData({
      spdate: date,
      show: false
    })
  },