2013-06-04 26 views
14

我有一个index.js:试图格式化对玉模板日期

exports.index = function(req, res){ 
    db.courses.find(function(err, currentCourses) { 
    res.render('index', { 
     currentCourses: currentCourses 
    }); 
    }); 
}; 

而且在我玉模板:

tr 
    td #{currentCourses[0].start} 

这是一个日期,格式为“太阳2013年9月29日00:00:00 GMT + 0100(BST)“。

如何将它格式化为“2013年9月29日”?

编辑(后编Hinchliffe的评论):

-function prettyDate(dateString){ 
    -var d = date.getDate(dateString); 
    -var monthNames = [ "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec" ]; 
    -var m = monthNames[date.getMonth()]; 
    -var y = date.getFullYear(); 
    -return d+' '+m+' '+y; 
-} 
for course in currentCourses 
    tr 
     td #{prettyDate(course.start)} 

回答

8

不是特别容易不幸。你需要一个函数来在你的模板中或者在外面格式化一个字符串(并且传递漂亮的字符串)。

像这样的东西(JADE)

-function prettyDate(dateString){ 
    //if it's already a date object and not a string you don't need this line: 
    -var date = new Date(dateString); 
    -var d = date.getDate(); 
    -var monthNames = [ "Jan", "Feb", "Mar", "Apr", "May", "Jun", 
"Jul", "Aug", "Sep", "Oct", "Nov", "Dec" ]; 
    -var m = monthNames[date.getMonth()]; 
    -var y = date.getFullYear(); 
    -return d+' '+m+' '+y; 
-} 


tr 
    td #{prettyDate(currentCourses[0].start)} 
+0

啊确定。如果你有模板外的功能,你会如何传递它? – babbaggeii

+0

具有完全相同的功能(不带'-'转义字符),并首先在字符串上调用它。鉴于(我认为)你有很多这些对象数组,它可能会更好只是保留在模板中,而不是遍历整个对象首先将它们全部转换。 –

+0

谢谢你。我已经添加了该代码(请参阅我的编辑),现在出现以下错误:> 57 | -var d = date.getDate();对象没有getDate方法。有任何想法吗? – babbaggeii

-3

你应该格式化日期服务器端。限制模板内部完成的逻辑数量最小 - 理想情况下完全没有。

+24

我会与此争论。类似于日期格式化的东西恰好是你在模板中应该做的类型,而不是在控制器等中。 –

47

我的解决办法是:

添加momentjs到您的Express应用程序当地人是这样的:
app.locals.moment = require('moment');

然后你就可以在任何玉文件中使用的时刻:
span='(Created at: ' + moment(obj.createTime).format("YYYY/MM/DD") + ')'

参考:
Making use of utility libraries in server-side Jade templates

+0

'td = moment(obj.timestampSent).format('DD.MM.YYY')' – Jadeye

2

Zhifeng Hu的上述解决方案给了我正确的方向。不幸的是,app.locals.moment没有为我工作。

但是,您也可以将require('moment')也直接传递给模板属性的对象。

var data = { 
    title: 'some nice title', 
    updateDate: new Date(), 
    ...., 
    moment: require('moment') 
}; 

然后像往常一样将数据对象传递给模板函数。

var template = pug.compile(source); 
var html = template(data); 

源文件例如:

doctype html 
html 
    head 
    title= title 
    body 
    div= moment(updateDate).format('YYYY-MM-DD')