Trouble with Moments JS

Forms
1

I had a reference that was working properly then I noticed errors in the console log so I attempted to change based upon the documentation. Here is what I have:

    require(['moment'], function(moment) {
function styleOIL () {
    fd.control('AllOil').ready().then(function(dt) {
        dt.buttons[0].text = 'Add Item';
        var value = dt.widget.dataItems();
        var row = $(dt.$el).find('tr');
        
        if(value){
                for (var i = 0; i < value.length; i++){
                    var m = moment(new Date());
                    var b = moment(value[i].DateDue)
                    var d = b.diff(m, 'days');
                    if (d < 0 && !value[i].Complete) {
                        $(row[i+1].cells[4]).attr("style","border-bottom:2px solid #ff6666; background-color:#ffb3b3")
                    } else if ( d >= 0 && d <=7 && !value[i].Complete) {
                        $(row[i+1].cells[4]).attr("style","border-bottom:2px solid #66ff66; background-color:#b3ffb3")
                    }
                }
        };
    });
    fd.control('OpenItemsOIL').ready().then(function(dt) {
        dt.buttons[0].text = 'Add Item';
        var value = dt.widget.dataItems();
        var row = $(dt.$el).find('tr');
        
        if(value){
                for (var i = 0; i < value.length; i++){
                    var m = moment(new Date());
                    var b = moment(value[i].DateDue)
                    var d = b.diff(m, 'days');
                    if (d < 0 && !value[i].Complete) {
                        $(row[i+1].cells[4]).attr("style","border-bottom:2px solid #ff6666; background-color:#ffb3b3")
                    } else if ( d >= 0 && d <=7 && !value[i].Complete) {
                        $(row[i+1].cells[4]).attr("style","border-bottom:2px solid #66ff66; background-color:#b3ffb3")
                    }
                }
        };
    });
    fd.control('PastDueOIL').ready().then(function(dt) {
        dt.buttons[0].text = 'Add Item';
        var value = dt.widget.dataItems();
        var row = $(dt.$el).find('tr');
        
        if(value){
                for (var i = 0; i < value.length; i++){
                    var m = moment(new Date());
                    var b = moment(value[i].DateDue)
                    var d = b.diff(m, 'days');
                    if (d < 0 && !value[i].Complete) {
                        $(row[i+1].cells[4]).attr("style","border-bottom:2px solid #ff6666; background-color:#ffb3b3")
                    } else if ( d >= 0 && d <=7 && !value[i].Complete) {
                        $(row[i+1].cells[4]).attr("style","border-bottom:2px solid #66ff66; background-color:#b3ffb3")
                    }
                }
        };
    });
}
                        

function styleRFITables () {
    fd.control('AllRFIs').ready().then(function(dt) {
        dt.buttons[0].text = 'Add RFI';
        var value = dt.widget.dataItems();
        var row = $(dt.$el).find('tr');
        
        if(value){
                for (var i = 0; i < value.length; i++){
                    var m = moment(new Date());
                    var b = moment(value[i].Date_x0020_Due);
                    var d = b.diff(m, 'days');
                    if (d < 0 && value[i].RFI_x0020_Status != '(3) Closed') {
                        $(row[i+1].cells[4]).attr("style","border-bottom:2px solid #ff6666; background-color:#ffb3b3")
                    } else if (d >= 0 && d <= 7 && value[i].RFI_x0020_Status != '(3) Closed') {
                        $(row[i+1].cells[4]).attr("style","border-bottom:2px solid #66ff66; background-color:#b3ffb3")
                    }
                }
        }
    });
    fd.control('RFIs').ready().then(function(dt) {
        dt.buttons[0].text = 'Add RFI';
        var value = dt.widget.dataItems();
        var row = $(dt.$el).find('tr');
        
        if(value){
                for (var i = 0; i < value.length; i++){
                    var m = moment(new Date());
                    var b = moment(value[i].Date_x0020_Due);
                    var d = b.diff(m, 'days');
                    if (d < 0 && value[i].RFI_x0020_Status != '(3) Closed') {
                        $(row[i+1].cells[4]).attr("style","border-bottom:2px solid #ff6666; background-color:#ffb3b3")
                    } else if (d >= 0 && d <= 7 && value[i].RFI_x0020_Status != '(3) Closed') {
                        $(row[i+1].cells[4]).attr("style","border-bottom:2px solid #66ff66; background-color:#b3ffb3")
                    }
                }
        }
    });
    fd.control('RFIPastDue').ready().then(function(dt) {
        dt.buttons[0].text = 'Add RFI';
        var value = dt.widget.dataItems();
        var row = $(dt.$el).find('tr');
        
        if(value){
                for (var i = 0; i < value.length; i++){
                    var m = moment(new Date());
                    var b = moment(value[i].Date_x0020_Due);
                    var d = b.diff(m, 'days');
                    if (d < 0 && value[i].RFI_x0020_Status != '(3) Closed') {
                        $(row[i+1].cells[4]).attr("style","border-bottom:2px solid #ff6666; background-color:#ffb3b3")
                    } else if (d >= 0 && d <= 7 && value[i].RFI_x0020_Status != '(3) Closed') {
                        $(row[i+1].cells[4]).attr("style","border-bottom:2px solid #66ff66; background-color:#b3ffb3")
                    }
                }
        }    
    });
    fd.control('RFIDueInNextWeek').ready().then(function(dt) {
        dt.buttons[0].text = 'Add RFI';
        var value = dt.widget.dataItems();
        var row = $(dt.$el).find('tr');
        
        if(value){
                for (var i = 0; i < value.length; i++){
                    var m = moment(new Date());
                    var b = moment(value[i].Date_x0020_Due);
                    var d = b.diff(m, 'days');
                    if (d < 0 && value[i].RFI_x0020_Status != '(3) Closed') {
                        $(row[i+1].cells[4]).attr("style","border-bottom:2px solid #ff6666; background-color:#ffb3b3")
                    } else if (d >= 0 && d <= 7 && value[i].RFI_x0020_Status != '(3) Closed') {
                        $(row[i+1].cells[4]).attr("style","border-bottom:2px solid #66ff66; background-color:#b3ffb3")
                    }
                }
        } 
    });
    fd.control('RFIHighPriority').ready().then(function(dt) {
        dt.buttons[0].text = 'Add RFI';
        var value = dt.widget.dataItems();
        var row = $(dt.$el).find('tr');
        
        if(value){
                for (var i = 0; i < value.length; i++){
                    var m = moment(new Date());
                    var b = moment(value[i].Date_x0020_Due);
                    var d = b.diff(m, 'days');
                    if (d < 0 && value[i].RFI_x0020_Status != '(3) Closed') {
                        $(row[i+1].cells[4]).attr("style","border-bottom:2px solid #ff6666; background-color:#ffb3b3")
                    } else if (d >= 0 && d <= 7 && value[i].RFI_x0020_Status != '(3) Closed') {
                        $(row[i+1].cells[4]).attr("style","border-bottom:2px solid #66ff66; background-color:#b3ffb3")
                    }
                }
        }
    });
    fd.control('RFIMoreInfo').ready().then(function(dt) {
        dt.buttons[0].text = 'Add RFI';
        var value = dt.widget.dataItems();
        var row = $(dt.$el).find('tr');
        
        if(value){
                for (var i = 0; i < value.length; i++){
                    var m = moment(new Date());
                    var b = moment(value[i].Date_x0020_Due);
                    var d = b.diff(m, 'days');
                    if (d < 0 && value[i].RFI_x0020_Status != '(3) Closed') {
                        $(row[i+1].cells[4]).attr("style","border-bottom:2px solid #ff6666; background-color:#ffb3b3")
                    } else if (d >= 0 && d <= 7 && value[i].RFI_x0020_Status != '(3) Closed') {
                        $(row[i+1].cells[4]).attr("style","border-bottom:2px solid #66ff66; background-color:#b3ffb3")
                    }
                }
        }
    });
    fd.control('RFIAnswered').ready().then(function(dt) {
        dt.buttons[0].text = 'Add RFI';
    });
}
    setInterval(styleRFITables, 1000);
    styleRFITables();
    setInterval(styleOIL, 1000);
    styleOIL();
});

Console it saying moment is not a function. This is within sprendered and I do have the
requirejs.config({
paths: {
moment: "https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment-with-locales.min"
}
});

Prior to sprendered.

2

Hello @cwalter2,

Which version of SharePoint are you using: Online or On-Premises?

3

We are using Sharepoint Online.

4

Hello @cwalter2,

Are you getting any other errors on form load?

Please try to comment out the code you are using now, and test the code below.

requirejs.config({
    paths: {
        moment: "https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment-with-locales.min"
    }
});

fd.spRendered(function() {
    require(['moment'], function(moment) {
        var today = moment(new Date());
        var newDate = today.add(3, 'days');
        alert(newDate.format());
    })
});

Please share the screenshot of the alert box message or/and errors from the browser console.