解决微信小程序 picker 模式日期，设置默认当前时间

烂泥也能扶上墙

已于 2022-06-09 15:42:18 修改

阅读量7.8k

点赞数 4

文章标签：小程序

于 2021-06-18 15:34:26 首次发布

本文链接：https://blog.csdn.net/qsj0606/article/details/118027483

版权

wxml文件

<picker mode="date" value="{{currentDate}}" start="2021-01-01" end="2021-12-31" bindchange="bindDateChange">
  <view class="picker">
    日期选择: {{currentDate}}
  </view>
</picker>

js文件

const util = require('../../utils/util');
Page({
  /**
   * 页面的初始数据
   */
  data: {
    // 日期筛选
    currentDate: util.getNowDate(new Date()),
  },
  // 日期筛选
  bindDateChange: function(e) {
    this.setData({
      currentDate: e.detail.value
    })
  },
})

util.js

const getNowDate = date => {
  const year = date.getFullYear()
  const month = date.getMonth() + 1
  const day = date.getDate()
  return [year, month,day].map(formatNumber).join('-')
}
const formatNumber = n => {
  n = n.toString()
  return n[1] ? n : `0${n}`
}
module.exports = {
  getNowDate:getNowDate
}