是否可以更改日期对象的格式,但将其保留为日期而不是字符串?我有一个将新的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();
}
}
我们希望日期格式为“ 2019年2月18日”,但会按时间顺序显示在过滤器中。谢谢!
答案 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的示例。