如何把日期放入火堆?

时间:2018-02-22 16:43:07

标签: javascript html firebase firebase-realtime-database

我已经配置了firebase要求。



<script src="https://www.gstatic.com/firebasejs/4.9.1/firebase.js"></script>
<script>
  // Initialize Firebase
  // TODO: Replace with your project's customized code snippet
  var config = {
    apiKey: "<API_KEY>",
    authDomain: "<PROJECT_ID>.firebaseapp.com",
    databaseURL: "https://<DATABASE_NAME>.firebaseio.com",
    storageBucket: "<BUCKET>.appspot.com",
    messagingSenderId: "<SENDER_ID>",
  };
firebase.initializeApp(config);
</script>
&#13;
&#13;
&#13;

在html代码中我创建了一个输入。输入类型是日期,然后它会弹出一个datepicker。但是在javascript中,我不知道如何将日期转换为值,因此它可以存储在firebase数据库中。

&#13;
&#13;
var d = document.getElementById("datepicker");

function submit(){

var entereddate= d.toString();


firebaseRef.push().set(entereddate);


}
&#13;
 <input type="date" name="datepicker" id="datepicker" placeholder="mm/dd/yyyy">
 <button onclick="submit()" id="submit">Submit</button>
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分:0)

有一些事情可能阻止这种情况发生。 您首先必须添加Firebase所需的配置:

<script src="https://www.gstatic.com/firebasejs/4.9.1/firebase.js"></script>
<script>
  // Initialize Firebase
  // TODO: Replace with your project's customized code snippet
  var config = {
    apiKey: "<API_KEY>",
    authDomain: "<PROJECT_ID>.firebaseapp.com",
    databaseURL: "https://<DATABASE_NAME>.firebaseio.com",
    storageBucket: "<BUCKET>.appspot.com",
    messagingSenderId: "<SENDER_ID>",
  };
firebase.initializeApp(config);
</script>

初始化所需的内容后,您将获得数据库的实例:

// Get a reference to the database service
var database = firebase.database();

最后将其推送到数据库:

firebase.database().ref('users/' + userId).set({
    username: name,
    email: email,
    profile_picture : imageUrl
});

答案 1 :(得分:0)

如果您想使用推送键推送数据:

firebase.database().ref('yourDataIndex/').push({
datetime: new Date() //or your picker date
});

如果您只想设置一个没有按键的数据:

firebase.database().ref('yourDataIndex/').set({
datetime: new Date() //or your picker date
});

如果您想更新现有数据(就像设置数据一样,您也可以设置数据)

firebase.database().ref('yourDataIndex/' + your push key here).update({
datetime: new Date() //or your picker date
});