微信小程序日历选择

最新推荐文章于 2025-10-24 12:34:57 发布

原创

最新推荐文章于 2025-10-24 12:34:57 发布 · 2k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序日期选择

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

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'
      },
    ],