如何在 tableviewcell 中显示选定的日期(在日历中)

Posted

技术标签:

【中文标题】如何在 tableviewcell 中显示选定的日期(在日历中)【英文标题】:How to show selected day (in Calendar) in tableviewcell 【发布时间】:2020-09-05 17:30:59 【问题描述】:

我正在开发一个日历应用程序,我正在使用 FSCalendar 库。当我从日历中选择一个日期时,我想在表格视图单元格中显示所选日期的事件。我可以在单元格中显示所有事件,但我正在尝试过滤选定日期的数据集,但它不起作用。

我正在尝试做这样的事情:示例

我的代码:

import UIKit
import Firebase
import FSCalendar

class CalendarVC: UIViewController, UITableViewDelegate, UITableViewDataSource, FSCalendarDelegate, FSCalendarDataSource 

@IBOutlet weak var tableView: UITableView!
@IBOutlet weak var calendarView: FSCalendar!

var taskArray = [String]()
var calendarTimeArray = [String]()
var documentIdArray = [String]()
var cellDateString = [String]()

var selectedDate = ""

override func viewDidLoad() 
    super.viewDidLoad()
    
    tableView.delegate = self
    tableView.dataSource = self
    calendarView.delegate = self
    calendarView.dataSource = self
    
    getDataFromFirestore()
    
    let dateToday = Date()
    let formatDate = DateFormatter()
    formatDate.dateFormat = "dd.MM.yyyy"
    let drawDate = formatDate.string(from: dateToday)
    selectedDate = drawDate


func getDataFromFirestore() 
    
    let fireStoreDatabase = Firestore.firestore()
    fireStoreDatabase.collection(Auth.auth().currentUser!.email!).order(by: "calendarDate", descending: true).addSnapshotListener  (snapshot, error) in
        if error != nil 
            print(error?.localizedDescription ?? "Error")
         else 
            if snapshot?.isEmpty != true && snapshot != nil 
                
                self.taskArray.removeAll(keepingCapacity: false)
                self.calendarTimeArray.removeAll(keepingCapacity: false)
                self.documentIdArray.removeAll(keepingCapacity: false)
                self.cellDateString.removeAll(keepingCapacity: false)
                
                for document in snapshot!.documents 
                    let documentID = document.documentID
                    self.documentIdArray.append(documentID)
                    
                    if let title = document.get("calendarTitle") as? String 
                        self.taskArray.append(title)
                    
                    
                    if let title = document.get("calendarTime") as? String 
                        self.calendarTimeArray.append(title)
                        
                        let dateFormatter = DateFormatter()
                        dateFormatter.locale = NSLocale.current
                        dateFormatter.dateFormat = "d MMM yyyy HH:mm"
                        let date = dateFormatter.date(from:title)!
                        
                        let formatDate = DateFormatter()
                        formatDate.dateFormat = "dd.MM.yyyy"
                        let drawDate = formatDate.string(from: date)
                        self.cellDateString.append(drawDate)
                        
                    
                    
                
                self.tableView.reloadData()
            
        
    


func calendar(_ calendar: FSCalendar, didSelect date: Date, at monthPosition: FSCalendarMonthPosition) 
    
    let formatter2 = DateFormatter()
    formatter2.dateFormat = "dd.MM.yyyy"
    let string2 = formatter2.string(from: date)
    selectedDate = string2
    
    tableView.reloadData()


func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int 
    
    let compare = cellDateString.filter  element in element == selectedDate 
    return compare.count


func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell 
    let cell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath) as! CalendarCell
    
    cell.taskLabel.text = taskArray[indexPath.row]
    cell.documentIdLabel.text = documentIdArray[indexPath.row]
    
    let cellDate = calendarTimeArray[indexPath.row]
    
    let dateFormatter = DateFormatter()
    dateFormatter.locale = NSLocale.current
    dateFormatter.dateFormat = "d MMM yyyy HH:mm"
    let date = dateFormatter.date(from:cellDate)!
    
    let formatDate = DateFormatter()
    formatDate.dateFormat = "HH:mm"
    let drawDate = formatDate.string(from: date)
    cell.timeLabel.text = drawDate
    
    return cell


【问题讨论】:

【参考方案1】:

目前:

FSCalendarDelegate 方法只是更新选定的日期。

numberOfRowsInSection 中正在过滤和计数,但您从不保存过滤后的结果,只计算计数。

cellForRowAt 中,根本没有应用日期过滤器。

您要做的是让FSCalendarDelegate 在调用reloadData 之前实际保存过滤结果。

但是拥有四个数组会让你自己变得更加困难。这使得使用一个数组中的值来过滤其他三个数组变得非常困难。相反,您应该拥有一个捕获所有四个值的struct,并拥有这些结构的数组。这样,当您过滤(或排序或其他)结果时,所有四个属性都会一起处理。

所以,让我们定义一个结构来捕获四个属性,而不是四个字符串数组:

struct Event 
    let task: String
    let calendarTime: String
    let documentId: String
    let cellDate: String

然后你可以有一个数组来捕获事件(例如,events)和另一个来捕获为特定日期过滤的事件(例如filteredEvents):

var events: [Event] = []
var filteredEvents: [Event] = []

因此,在解析结果时,创建一个Event 对象,并将其附加到events

当您想过滤 FSCalendarDelegate 方法中的结果时,您可以执行以下操作:

filteredEvents = events.filter  $0.cellDate == selectedDate 

【讨论】:

以上是关于如何在 tableviewcell 中显示选定的日期(在日历中)的主要内容,如果未能解决你的问题,请参考以下文章

为选定的 tableviewCell 的背景颜色设置框架在 iOS 7 中工作正常但在 iOS 6 中没有

如何在tableviewcell中保存所选项目

将手指放在其他单元格上时,选定的 tableViewCell 被取消选择

Swift:如何以编程方式在 TableViewCell 中显示 CollectionView

如何在 TableviewCell 中显示 Json 数据?

在 Tableviewcell 中显示多个图像