如何使用JavaScript将元素设置为在Wix中仅显示一段时间?

如何使用JavaScript将元素设置为在Wix中仅显示一段时间?,javascript,velo,Javascript,Velo,我的Wix网站上有一个聊天框按钮。我希望聊天框仅在我在数据集中写入的日期和时间内出现。例如我试图对数据集做的是,聊天室将从每周六晚上7点开始出现。到晚上9点。如何使用Javascript日期API将聊天框设置为仅在这些时间内显示 我目前的代码是: var日; get(“ScheduleTable”、“day”)。然后((结果)=>{ 天=结果; }) .catch((错误)=>{ 让errorMSg=err; }) //开始时间 var startTime; get(“ScheduleTabl

我的Wix网站上有一个聊天框按钮。我希望聊天框仅在我在数据集中写入的日期和时间内出现。例如我试图对数据集做的是,聊天室将从每周六晚上7点开始出现。到晚上9点。如何使用Javascript日期API将聊天框设置为仅在这些时间内显示

我目前的代码是:

var日;
get(“ScheduleTable”、“day”)。然后((结果)=>{
天=结果;
})
.catch((错误)=>{
让errorMSg=err;
})
//开始时间
var startTime;
get(“ScheduleTable”、“startTime”)。然后((结果)=>{
开始时间=结果;
})
.catch((错误)=>{
让errorMSg=err;
})
//结束时间
var结束时间;
get(“ScheduleTable”、“endTime”)。然后((结果)=>{
结束时间=结果;
})
.catch((错误)=>{
让errorMSg=err;
})
$w.onReady(函数(){
//TODO:在此处编写与页面相关的代码。。。
var startD=新日期(UTC日期(2019,10,天,开始时间));
var endD=新日期(UTC日期(2019,10,天,结束时间));
var today=新日期();

如果(今天>=startD | | today为什么只需要为1个字段创建数据库?只需在页面上硬编码时间即可

默认情况下,使用“属性”面板隐藏Wix聊天应用程序

$w.onReady(function () {
    var date = new Date();
    var day = date.getDay(); //Saturday is 6
    var time = date.getHours(); //7 pm is 19 & 9 pm is 21
    console.log({day,time}); //console to check day and current hour
    if(day === 6 && time >= 19 && time <= 21) {
        $w("#wixChat1").show();
    }
});
$w.onReady(函数(){
变量日期=新日期();
var day=date.getDay();//星期六是6
var time=date.getHours();//晚上7点是19点,晚上9点是21点
log({day,time});//检查日期和当前小时的控制台
如果(天===6和时间>=19和时间){
let Item=results.items[0];//返回在数据库中找到的第一个项
让start=Item.startTime;//这必须是一个数字,格式为24小时
让end=Item.endTime;//同上
决定(开始、结束);
});
}
功能决定(开始、结束){
变量日期=新日期();
var day=date.getDay();
var time=date.getHours();
如果(天===6和时间>=开始和时间)
//---------------------Query

import wixData from 'wix-data';

$w.onReady(function () {
    getData();
});

function getData() {
    wixData.query('ScheduleTable') //database id
    .find()
    .then( (results) => {
        let Item = results.items[0]; //this returns the first item found in the database
        let start = Item.startTime; //this HAS to be a number and in 24 hr format
        let end = Item.endTime; //same as above
        decide(start, end);
    });
}

function decide(start, end) {
    var date = new Date();
    var day = date.getDay();
    var time = date.getHours();
    if(day === 6 && time >= start && time <= end) {
        $w("#wixChat1").show();
    }
}