Question

我正在使用Moment.js尝试显示不同的消息，具体取决于它的日期。

例如，如果是：

星期一我想说'＃34;星期一！＆＃34;
星期二我想说＆＃34;快乐星期二！＆＃34;

等等......

到目前为止，我有这样的电话：时刻（）。格式（＆＃39; dddd＆＃39;）我知道它完全显示星期几，但我不知道知道如何根据一周中的哪一天显示不同的消息。

感谢您提前花时间研究这个问题。

奥利

Answer 1

很容易确定当天，即使没有moment.js：

＆＃13;

console.log("Happy " + ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"][new Date().getUTCDay()-1])

＆＃13;

以下是一个更高级的示例：

＆＃13;

var days = ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"];
var day = new Date().getUTCDay() - 1;

function getMessageOfTheDay() {
  switch (day) {
    case 0:
      return "Moody " + days[day];
      break;
    case 1:
      return "Trippy " + days[day];
      break;
    case 2:
      return "Weeping " + days[day];
      break;
    case 3:
      return "Thundering " + days[day];
      break;
    case 4:
      return "Freaky " + days[day];
      break;
    case 5:
      return "Salty " + days[day];
      break;
    case 6:
      return "Super " + days[day];
      break;
    default:
      return "Happy " + days[day];
  }
}

var classes = document.getElementById("messageOfTheDay").getAttribute('class').split(' ');
classes.push('day-' + days[day].toLowerCase());
document.getElementById("messageOfTheDay").setAttribute('class', classes.join(' '))
document.getElementById("messageOfTheDay").innerHTML = getMessageOfTheDay();

console.log("Below is the HTML code for or `h1`. Notice the added day-{DAY-OF-WEEK}");
console.log(document.getElementById("messageOfTheDay"));

＆＃13;

<h1 id="messageOfTheDay" class="hello world"></h1>

＆＃13;

刚刚将上面的代码段更新为返回字符串的函数。知道您可以轻松选择alert，console.log或将其插入您的页面中，如上所述。

Answer 2

我建议使用一个开关盒：

＆＃13;

var msg = '';

switch (moment().format('dddd')) {
                case 'Monday':
                    {
                        msg = 'It\'s Monday!';
                        break;
                    }
                case 'Tuesday':
                    {
                        msg = 'Happy Tuesday!';
                        break;
                    }
                    // etc...
            }

document.getElementById('message').innerHTML = msg;

＆＃13;

<div id='message'></div>

＆＃13;

Answer 3

尝试类似的东西

if(moment().format('dddd') == "Monday")
    //do something
if(moment().format('dddd') == "Tuesday")
    //do something else

Answer 4

这是一个示例。然后，您可以使用myMessage来获取所需内容

var myMessage = '';
switch(moment().format('dddd')){
    case 'Monday':
        myMessage = "It's Monday !";
        break;
    case 'Tuesday':
        myMessage = "Happy Tuesday !";
        break;
    case ...
}

如何根据Moment.js的日期显示不同的消息？

4 个答案: