微信小程序日历选择

最新推荐文章于 2024-08-09 07:59:54 发布

想要飞翔的小猪

最新推荐文章于 2024-08-09 07:59:54 发布

阅读量1.9k

点赞数 2

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

本文链接：https://blog.csdn.net/dwb123456123456/article/details/104054947

版权

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

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

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'
      },
    ],
    startTime: "",
    endTime: "",
    day: new Date().getDate()
  },

  //给点击的日期设置一个背景颜色
  dayClick: function(event) {
    let clickArray = {},
      dayStyle = this.data.dayStyle,
      startTime,
      endTime;
    if (dayStyle.length == 3) {
      clickArray.month = "current";