粘滞便笺上的日期时间答案

【问题标题】：DateTime on Sticky Notes粘滞便笺上的日期时间
【发布时间】：2017-01-09 11:18:24
【问题描述】：

下面是stick Notes 的代码，我想做的是想要yyyy-MM-dd HH:mm 格式的便笺标题上的当前时间戳

var today = new Date();
var Time = '';
    if (today.getHours() <= 12) {
        Time += ' AM';
    } //end if
    if (today.getHours() > 12) {
        Time += ' PM';
    } //end if

    alert(today.getDate() + '/' + today.getMonth() + '/' + today.getFullYear() + ' ' + today.getHours() + ':' + today.getMinutes() +  Time);

Sticky Notes

【问题讨论】：

标签： javascript jquery html css datetime

【解决方案1】：

你需要像这样修改你的(function() {..函数，

 var today = new Date();
        var Time = '';
        if (today.getHours() <= 12) {
            Time += ' AM';
        } //end if
        if (today.getHours() > 12) {
            Time += ' PM';
        } //end if

 var timeStamp= today.getDate() + '/' + today.getMonth() + '/' + today.getFullYear() + ' ' + today.getHours() + ':' + today.getMinutes() +  Time;

然后，您需要将以下行添加到您的 spawn 函数中，

 $('.box-header').html(dd);

这样，

var spawn = function () {
    $("body").append(makeNote($(markup)));
    $('.box-header').html(timeStamp);
};

这是工作演示：http://jsfiddle.net/Nutvt/170/

希望这会有所帮助！

【讨论】：

我希望在标题部分而不是在文本区域中

【解决方案2】：

为.box-header中的时间戳添加一个新元素<span>：

<span class="date-time"></span>

有了这些样式规则

.date-time {
  display:block;
  margin:auto;
  display:block;
  position:absolute;
  text-align:center;
  left:0;
  right:0;
}

然后编辑它的文本

$note.find('.date-time').text(timeStamp);

timeStamp 的来源和构造来源：

var today = new Date();
var Time = today.getHours() <= 12 ? ' AM' : ' PM';
var timeStamp = today.getDate() + '/' + (today.getMonth()+1) + '/' + today.getFullYear() + ' ' + today.getHours() + ':' + today.getMinutes() +  Time;

Updated fiddle

【讨论】：

添加 today.getMonth()+1，因为它以 0 开头，小时也是 24-Hr 格式