【问题标题】:How do I display todays date in Node.js Jade?如何在 Node.js Jade 中显示今天的日期?
【发布时间】:2012-09-14 06:44:55
【问题描述】:

我是 Node.js 和 Jade 的新手,我尝试使用 #{Date.now()},它给了我数字。如何以mm/dd/yy 格式显示日期?

【问题讨论】:

    标签: node.js date pug


    【解决方案1】:

    您可以使用moment.js

    首先,为您的 express 应用程序本地添加时刻

    express = require('express');
    ...
    app = express();
    app.locals.moment = require('moment');
    

    然后你可以像这样在翡翠模板中使用时刻:

    p #{moment(Date.now()).format('MM/DD/YYYY')}
    

    Moment默认取Date.now(),所以你也可以写:

    p #{moment().format('MM/DD/YYYY')}
    

    来源:

    【讨论】:

    • MomentJs 是一个非常大的库。比较和处理日期非常棒,但如果你只想显示今天的日期,你真的不需要包含一个库,可以查看任何纯 JS 答案..
    • @MattJHoughton 是的,时刻很重要.. 看看github.com/date-fns/date-fns
    【解决方案2】:

    这是旧的,但我执行以下操作:

    return (new Date()).toLocaleDateString()
    

    返回日期 'mm/dd/yyyy' 格式,不需要额外的库。

    【讨论】:

    • or (new Date()).getFullYear(); 仅适用于全年(例如在页脚中)
    • 是否有任何选项可用于更改格式 'yyyy-mm-dd'
    【解决方案3】:

    或者您可以使用moment.js 库来处理日期并根据您的需要对其进行格式化

    【讨论】:

      【解决方案4】:

      我实际上开始使用 date-util,它是客户端和服务器端的两部分。

      网址https://github.com/JerrySievert/node-date-utils

      在浏览器中使用

      <script type="text/javascript" src="date-utils.min.js"></script>
      

      与 Node.js 一起使用

      $ npm install date-utils
      
      require('date-utils');
      

      注意:这在 Node.js 0.6 之前的 REPL 中不起作用,因为 Node.js 如何处理 REPL 中的上下文。

      静态方法

      Date.today(); // today, 00:00:00
      Date.yesterday(); // yesterday, 00:00:00    
      Date.tomorrow(); // tomorrow, 00:00:00
      
      Date.validateDay(day, year, month); // true/false whether a date is valid
      Date.validateYear(year); // true/false whether a year is valid
      Date.validateMonth(month); // true/false whether a month is valid
      Date.validateHour(hour); // true/false whether an hour is valid
      Date.validateMinute(minute); // true/false whether a minute is valid
      Date.validateSecond(second); // true/false whether a second is valid
      Date.validateMillisecond(millisecond); // true/false whether a millisecond is valid
      
      Date.compare(date1, date2); // -1 if date1 is smaller than date2, 0 if equal, 1 if date2 is smaller than date1
      Date.equals(date1, date2); // true/false if date1 is equal to date2
      
      Date.getDayNumberFromName(name); // su/sun/sunday - 0, mo/mon/monday - 1, etc
      Date.getMonthNumberFromName(name); // jan/january - 0, feb/february - 1, etc
      Date.isLeapYear(year); // true/false whether the year is a leap year
      Date.getDaysInMonth(monthNumber); // number of days in the month
      

      实例方法

      d.clone(); // returns a new copy of date object set to the same time
      d.getMonthAbbr(); // abreviated month name, Jan, Feb, etc
      d.getMonthName(); // fill month name, January, February, etc
      d.getUTCOffset(); // returns the UTC offset
      d.getOrdinalNumber(); // day number of the year, 1-366 (leap year)
      d.clearTime(); // sets time to 00:00:00
      d.setTimeToNow(); // sets time to current time
      d.toFormat(format); // returns date formatted with:
        // YYYY - Four digit year
        // MMMM - Full month name. ie January
        // MMM  - Short month name. ie Jan
        // MM   - Zero padded month ie 01
        // M    - Month ie 1
        // DDDD - Full day or week name ie Tuesday 
        // DDD  - Abbreviated day of the week ie Tue
        // DD   - Zero padded day ie 08
        // D    - Day ie 8
        // HH24 - Hours in 24 notation ie 18
        // HH   - Padded Hours ie 06
        // H    - Hours ie 6
        // MI   - Padded Minutes
        // SS   - Padded Seconds
        // PP   - AM or PM
        // P    - am or pm
      d.toYMD(separator); // returns YYYY-MM-DD by default, separator changes delimiter
      
      d.between(date1, date2); // true/false if the date/time is between date1 and date2
      d.compareTo(date); // -1 if date is smaller than this, 0 if equal, 1 if date is larger than this
      d.equals(date); // true/false, true if dates are equal
      d.isBefore(date); // true/false, true if this is before date passed
      d.isAfter(date); // true/false, true if this is after date passed
      d.getDaysBetween(date); // returns number of full days between this and passed
      d.getHoursBetween(date); // returns number of hours days between this and passed
      d.getMinutesBetween(date); // returns number of full minutes between this and passed
      d.getSecondsBetween(date); // returns number of full seconds between this and passed
      
      d.add({ milliseconds: 30,
              minutes: 1,
              hours: 4,
              seconds: 30,
              days: 2,
              weeks: 1,
              months: 3,
              years: 2}); // adds time to existing time
      
      d.addMilliseconds(number); // add milliseconds to existing time
      d.addSeconds(number); // add seconds to existing time
      d.addMinutes(number); // add minutes to existing time
      d.addHours(number); // add hours to existing time
      d.addDays(number); // add days to existing time
      d.addWeeks(number); // add weeks to existing time
      d.addMonths(number); // add months to existing time
      d.addYears(number); // add years to existing time
      

      【讨论】:

        【解决方案5】:

        您将需要使用 Date 对象上的方法来实现您所追求的。见https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Date

        例如,下面的代码应该可以满足您的需要:

        var dateNow = new Date();
        var dd = dateNow.getDate();
        var monthSingleDigit = dateNow.getMonth() + 1,
            mm = monthSingleDigit < 10 ? '0' + monthSingleDigit : monthSingleDigit;
        var yy = dateNow.getFullYear().toString().substr(2);
        
        var formattedDate = mm + '/' + dd + '/' + yy;
        

        因此,如果您将 say jam 与 express 和 node 一起使用,您可以执行以下操作:

        res.render('jadeTemplateName', { 
            dateNow: function() {
                var dateNow = new Date();
                var dd = dateNow.getDate();
                var monthSingleDigit = dateNow.getMonth() + 1,
                    mm = monthSingleDigit < 10 ? '0' + monthSingleDigit : monthSingleDigit;
                var yy = dateNow.getFullYear().toString().substr(2);
        
                return (mm + '/' + dd + '/' + yy);
            } 
        })
        

        并在您的翡翠模板中说明您是否想将日期添加到跨度:

        span Today's date is #{dateNow()}
        

        【讨论】:

        • 我不知道如何将所有这些都放入玉中#{ }
        • 抱歉,我错过了标题中的玉。答案更正为包括玉
        【解决方案6】:

        将 .post-date 类添加到保存日期的标签中

        document.addEventListener('DOMContentLoaded', function() {
            var list = document.getElementsByClassName('post-date');
                        // get the number of selected elements
        
                        // iterate over elements and output their HTML content
                        for (var i=0; i<list.length; i++){
                            //console.log(list[i].innerHTML);
                            var string=list[i].innerHTML;
                            var length = 15;
                            var trimmedString = string.substring(0, length);
                            list[i].innerHTML=trimmedString ;
                        }
        
        })
        

        【讨论】:

          【解决方案7】:

          我找到了解决方案 1.使用-语法在pug中创建一个函数 2.当pug.js绑定变量到pug模板时,将变量传递给函数

              -function prettyDate(dateString){
                                  -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;
                              -}
          3.span.post-date #{prettyDate(val.date)};
          

          【讨论】:

            猜你喜欢
            • 1970-01-01
            • 2018-12-07
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            相关资源
            最近更新 更多