微信小程序日历选择

最新推荐文章于 2025-06-14 16:29:26 发布

想要飞翔的小猪

最新推荐文章于 2025-06-14 16:29:26 发布

阅读量2k

点赞数 2

CC 4.0 BY-SA版权

分类专栏：微信小程序文章标签：微信小程序日期选择

本文链接：https://blog.youkuaiyun.com/dwb123456123456/article/details/104054947

本文介绍如何在微信小程序中创建一个日期选择组件，提供了相关的JavaScript、WXML和WCSS代码示例，适用于需要快速集成日历选择功能的开发者。

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

1.这个也是一个组件，不过在这个组件上做了一些处理，

日期选择

下面直接上码，有需求的可以直接现用，

index.js

Page({

  /**
   * 页面的初始数据
   */
  data: {
    activeType: "rounded",
    year: new Date().getFullYear(),
    month: new Date().getMonth() + 1,
    day: new Date().getDate(),
    dayStyle: [{
        month: 'current',
        day: new Date().getDate(),
        color: 'white',
        background: '#AAD4F5'
      },
      {
        month: 'current',
        day: new Date().getDate(),
        color: 'white',
        background: '#AAD4F5'
      },
      {
        month: 'current',
        day: new Date().getDate(),
        color: 'white',
        background: '#AAD4F5'
      },
    ],