微信小程序日期选择器控件xxxx-xx-xx格式

最新推荐文章于 2023-06-09 21:20:19 发布

『〖安〗』

最新推荐文章于 2023-06-09 21:20:19 发布

阅读量352

点赞数

分类专栏：微信小程序的小部件文章标签：微信小程序 javascript 前端

本文链接：https://blog.csdn.net/qq_48789210/article/details/126537344

版权

博客介绍了如何在微信小程序中实现日期选择器，提供2022-08-09格式的时间选择，内容包括indx.js和index.wxml两个关键文件的使用。

摘要由CSDN通过智能技术生成

这个时间选择器，不用在util里面写，直接在js里面写就好啦。这个是2022-08-09格式的，和上一个不太一样，看自己需求选择合适的选择器。

1.indx.js文件

const date = new Date();
const years = [];
const months = [];
const days = [];
//获取年
for (let i = 2022; i <= date.getFullYear() + 5; i++) {
  years.push("" + i);
}
//获取月份
for (let i = 1; i <= 12; i++) {
  if (i < 10) {
    i = "0" + i;
  }
  months.push("" + i);
}
//获取日期
for (let i = 1; i <= 31; i++) {
  if (i < 10) {
    i = "0" + i;
  }
  days.push("" + i);
}

Page({

  /**
   * 页面的初始数据
   */
  data: {
    time: '',
    multiArray: [years, months, days ],
    multiIndex: [0, 0, 0, 0, 0],
    choose_year: "",
  },

 /**
   * 生命周期函数--监听页面加载
   */
  onLoad:function(options) {
    this.setData({
      choose_year: this.data.multiArray[0][0]
    })