当前位置: 代码迷 >> 综合 >> 解决微信小程序 picker 模式日期,设置默认当前时间
  详细解决方案

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

热度:82   发布时间:2023-12-08 04:20:36.0

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() + 1const 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
}
  相关解决方案