web-dev-qa-db-ja.com

Node.js Jadeで今日の日付を表示するにはどうすればよいですか？

私はNode.jsとJadeを初めて使用し、#{Date.now()}を使用しようとしました。 mm/dd/yy形式で日付を表示するにはどうすればよいですか？

node.jsdatepug
39
Vartan Arabyan

moment.js を使用できます

最初に、エクスプレスアプリケーションローカルに瞬間を追加します

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

次に、このようなlikeテンプレート内でモーメントを使用できます。

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

MomentはデフォルトでDate.now()を取るので、次のように書くこともできます：

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

ソース：

74
Yves M.

または、 moment.js ライブラリを使用して日付を処理し、必要に応じて日付をフォーマットすることができます

8
zemirco

これは古いですが、次のことを行います。

return (new Date()).toLocaleDateString()

追加のライブラリを必要とせずに、日付「mm/dd/yyyy」形式を返します。

6
Gadi

実際には、クライアント側とサーバー側の2つの部分であるdate-utilの使用を開始しました。

URL 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がREPLでコンテキストを処理する方法のため、Node.js 0.6より前は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
4
Vartan Arabyan

目的を達成するには、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;

したがって、エクスプレスジェイドとノードでジェイドを使用している場合、次のようなことができます。

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);
    } 
})

そして、jadeテンプレートで、スパンに日付を追加するかどうかを指定します。

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

私は解決策を見つけました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)};
0
user6016061

日付を保持するタグにクラス.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 ;
                }

})
0
user6016061