使用JavaScript在某些日期隐藏面板

斯瓦夫

嗨,我正在尝试隐藏前端的面板(用作访问“注册”的按钮),它应该仅在一年中的特定时间可见。我正在尝试使用DateTime函数获取当前日期,但是它似乎对我不起作用-它说找不到名称“ DateTime”。任何建议表示赞赏。

这是我的代码

module PrestigeWorldWide.Scripts.ViewModels {
export class IndexViewModel extends BaseViewModels.BaseViewModel {
    public panels: KnockoutObservableArray<IPanelObject> = ko.observableArray<IPanelObject>();
    public events: KnockoutObservableArray<FullCalendar.EventObject> = ko.observableArray<any>();

    constructor() {
        super();


        this.panels.push({
            Name: "My Transcript",
            Desc: "View your unofficial QUB transcript",
            Icon: "fa-file-text",
            Link: "/PrestigeWorldwide/Grade/ViewTranscript"
        });

        this.panels.push({
            Name: "Module Info",
            Desc: "View the information on all modules including pre-requisites and course content",
            Icon: "fa-folder-open",
            Link: "/PrestigeWorldwide/Module/ModuleInfo"
        });
        var cutOffStart1 = "14/09/2015";
        var cutOffEnd1 = "12/10/2015";
        var cutOffStart2 = "18/01/2016";
        var cutOffEnd2 = "15/02/2016";

        if (DateTime.Now >= cutOffStart1 && DateTime.Now >= cutOffEnd1) {
            this.panels.push({
                Name: "Enrollment Wizard",
                Desc: "Enroll for modules and enter further information about yourself - emergency contacts etc.",
                Icon: "fa-magic",
                Link: "/PrestigeWorldwide/Registration/Index"
            });
        }
        this.getEvents();
    }

    getEvents() {
        var url = "/PrestigeWorldwide/Class/GetStudentClasses";
        this.loading(true);
        $.ajax(url).done((events: FullCalendar.EventObject[]) => {
            this.loading(false);
            _.each(events, (event) => {
                this.events.push(event);
            });
        });
    }


}

export interface IPanelObject {
    Name: string;
    Desc: string;
    Icon: string;
    Link?: string;
  }
}

错误信息

更新-我已经到了以下阶段:(是否有任何简单的方法可以在不使用Moments.js的情况下更改日期格式?对于这样一小段代码来说似乎有点过头了?)

//Before displaying the Registration wizard panel, check if we are in the range of registration availability dates
        var cutOffStart1 = new Date(2015,09,14);
        var cutOffEnd1 = new Date(2015, 10, 12);
        var cutOffStart2 = new Date(2015,3,11);
        var cutOffEnd2 = new Date(2015,3,15);
        //var cutOffStart2 = new Date(2016,1,18);
        //var cutOffEnd2 = new Date(2016,2,15);
        var today = new Date();
        var dd = today.getDate();
        var mm = today.getMonth() + 1; //January is 0!
        var yyyy = today.getFullYear();
        //check if the current date is in the fisrt semseter registration period
        if (today >= cutOffStart1 && today >= cutOffEnd1) {
            this.panels.push({
                Name: "Enrollment Wizard",
                Desc: "Enroll for modules and enter further information about yourself - emergency contacts etc.",
                Icon: "fa-magic",
                Link: "/PrestigeWorldwide/Registration/Index"
            });
        }
        //check if the current date is in the second semseter registration period
        else if (today >= cutOffStart2 && today >= cutOffEnd2) {
            this.panels.push({
                Name: "Enrollment Wizard",
                Desc: "Enroll for modules and enter further information about yourself - emergency contacts etc.",
                Icon: "fa-magic",
                Link: "/PrestigeWorldwide/Registration/Index"
            });
        }
        else { };
扁桃体

DateTime.Now 是c#,您在JavaScript文件中。

您需要执行以下操作:

var now = new Date();

同样值得注意的是,您要比较的截止日期的值是字符串,您也需要将其转换为日期。

有几种用于操作日期的js库,Moment.js就是其中之一。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用JavaScript在某些日期隐藏面板

来自分类Dev

无法使用javascript隐藏/显示div面板

来自分类Dev

在Blogger中使用Javascript和if / else语句隐藏某些元素

来自分类Dev

在博客中使用Javascript和if / else语句隐藏某些元素

来自分类Dev

使用javascript取消隐藏表单中的某些元素

来自分类Dev

在OSX 10.6登录面板的用户列表中隐藏某些用户

来自分类Dev

如何使用JavaScript / jQuery将ASP面板元素设置为可见/隐藏

来自分类Dev

使用ComponentQuery替换隐藏的面板-Ext JS

来自分类Dev

如何使用C#隐藏面板?

来自分类Dev

使用VisualStateManager隐藏或显示ListViewItem的堆栈面板

来自分类Dev

使用下拉 Unity 隐藏/显示面板

来自分类Dev

使用PHP从CSV隐藏某些表列

来自分类Dev

使用jQuery在某些页面上隐藏div

来自分类Dev

如何使用Greasemonkey隐藏某些元素?

来自分类Dev

使用jQuery在某些页面上隐藏div

来自分类Dev

如何使用Greasemonkey隐藏某些元素?

来自分类Dev

使用JQuery /局部视图在MVC中隐藏/显示容器面板

来自分类Dev

使用javascript隐藏div

来自分类Dev

使用Javascript隐藏Gridview

来自分类Dev

使用javascript隐藏div

来自分类Dev

使用JavaScript根据日期仅隐藏列表中的一项

来自分类Dev

隐藏停靠面板空间

来自分类Dev

JQuery 面板隐藏

来自分类Dev

使用javascript向面板添加输入的问题

来自分类Dev

使用UIBubbleTableView隐藏日期和时间

来自分类Dev

如何通过控制面板使RDLC使用日期格式

来自分类Dev

使用日期类型隐藏日期选择器

来自分类Dev

使用JavaScript隐藏/显示<div>

来自分类Dev

使用JavaScript隐藏/显示元素