javascript - Firebase:在日历中显示子节点

标签 javascript html firebase firebase-realtime-database

是否可以在我的网站上实现一个日历,按日历上的日期显示用户提交的内容?

以下代码捕获一些测试变量,我希望它们按提交日期显示在日历中。

function startDatabaseQueries() {
    alert("StartQueries");
    // Get current user info
    var myUserId = firebase.auth().currentUser.uid;
    var username = firebase.auth().currentUser.displayName;
    // Get posts
        alert("1");

        var testRef = firebase.database().ref('posts').orderByKey();

        testRef.once('value', function(snapshot) {
            var results = [];
            snapshot.forEach(function(childSnapshot) {
                //var key = childSnapshot.key;
                var childData = childSnapshot.val();
               // console.log(childData);
                var author = childSnapshot.val().author;
                console.log(childSnapshot);
                document.getElementById("demo").innerHTML = author;
            });
        });
}

console.log(childSnapshot)

在控制台中显示以下代码:(省略变量结果)

Author: 
AuthorPic:
submitted:
title:
uid:

最佳答案

我建议也获取日期并将其以“yyyyMMdd”格式存储在数据库中。然后,当您想要读取数据时,您只需使用:

var testRef = firebase.database().ref('posts').orderByChild("dateAdded");

关于javascript - Firebase:在日历中显示子节点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41539854/

相关文章:

javascript - 无法弄清楚如何使用 jQuery 将 HTML 片段直接插入到 HTML 文档中

html - 对齐 div 以在所有浏览器中工作 >= IE8

javascript - HTML 颜色可视化工具中的故障

javascript - 使用 .map() 向数组中存在的对象添加新属性

html - 删除 Bootstrap 表中一个单元格的边框

firebase - 向Cloud Firestore添加阵列(Flutter/Dart)

firebase - runTransaction 和 set() 之间的区别

swift - Cron 作业与安全规则

javascript - 如何使用本地网络中的 Node 后端访问我的 React 应用程序?

html - ul 类型 ="circle"圆圈周围的红色椭圆