javascript:更改日期格式,但不更改为字符串

时间:2019-02-15 18:20:58

标签: angularjs sorting date date-formatting

是否可以更改日期对象的格式,但将其保留为日期而不是字符串?我有一个将新的Date()对象转换为以下格式的函数:

function formatDate(date) {

    var monthNames = [
        "January", "February", "March",
        "April", "May", "June", "July",
        "August", "September", "October",
        "November", "December"
    ];

    var day = date.getDate(), 
            monthIndex = date.getMonth(),
            year = date.getFullYear();


    return monthNames[monthIndex].substr(0,3) + ' ' + day + ', ' + year;
}

但是,这会将日期转换为字符串。我想更改格式,以便我的日期显示为2019年2月15日,但想将其保留为日期对象,以便它按时间顺序而不是字母顺序排序。这可能吗?

编辑:

在我们的表中,我们能够按时间顺序对表的内容进行排序,从而在对象数组中为start_date创建日期对象:

start_date: new Date(onbCase.getDisplayValue('hr_profile.employment_start_date'))

然后使用HTML中的管道过滤器将日期对象格式化为MMM d,YYYY:

<td ng-show="c.options.start_date" title="{{item.start_date}}">{{item.start_date | date:'mediumDate':'Z'}}</td>

当我们试图使列过滤器也按时间顺序以相同格式显示时,就会出现问题。这是我们在控制器中创建列过滤器的方式:

c.filter = function() {
        for (var i=0; i<c.onbCase.length; i++) {
            c.onbCase[i].case_visible = true;
            for (var z=0; z<c.filters.length; z++) {
                if(c[c.filters[z].model] && c[c.filters[z].model].length > 0) {
                    var model = c[c.filters[z].model];  
                    if (model.indexOf(c.onbCase[i][c.filters[z].attribute]) == -1) {
                        c.onbCase[i].case_visible = false;
                    }
                }
            }
        }
        //Store unique values for filters
        generateFilterOptions();
        return; 
    }

    $scope.searchTable   = '';     // set the default 

    /*/////////////////////////////////////////////////////////////////////////////
    // Support Function: Define filters                                          //
    *//////////////////////////////////////////////////////////////////////////////

    function defineFilters() {
        //Declare filter variables
        c.filters = []

        c.start_date_list = [];
        if(c.options.start_date){
            c.filters.push({
                id: 'start_date',
                label: 'Start Date',
                model: 'start_date_select',
                unique_list: 'start_date_list',
                attribute: 'start_date'
            });
        }           
    }

    /*/////////////////////////////////////////////////////////////////////////////
    // Support Function: Generate filter options                                 //
    *//////////////////////////////////////////////////////////////////////////////
    function generateFilterOptions() {
        c.numResults = 0;
        //Initialize filter options
        for (var z=0; z<c.filters.length; z++) {
            c[c.filters[z].unique_list] = [];
        }
        //Store unique values for filters
        for (var i=0; i<c.onbCase.length; i++) {
        if (c.onbCase[i].case_visible) {
                c.numResults++;
                for (var x=0; x<c.filters.length; x++) {
                    if (c[c.filters[x].unique_list].indexOf(c.onbCase[i][c.filters[x].attribute])===-1) {
                        c[c.filters[x].unique_list].push(c.onbCase[i][c.filters[x].attribute]);     
                    }
                }   
            }
        }
        //Sort unique values for filters            
        for (var y=0; y<c.filters.length; y++) {
            c[c.filters[y].unique_list].sort();
        }
    }

这将按时间顺序返回过滤器,但格式如下: enter image description here

我们希望日期格式为“ 2019年2月18日”,但会按时间顺序显示在过滤器中。谢谢!

1 个答案:

答案 0 :(得分:0)

使用$ filter,完全有可能以所需的格式呈现日期并根据日期对象进行排序。

可在此处获得更多信息: https://docs.angularjs.org/api/ng/filter/date

如果要使用Javascript获取格式化日期,

function getFormattedDate(dateObj) {
    return $filter('date')(dateObj, 'mediumDate');
}

在其他情况下,如果我们想直接在HTML中使用它:

<span>{{ dateObj | date:'mediumDate'}}</span>

这里是Plnkr的示例。