JavaScript日期和时间格式,

时间:2017-03-13 22:54:13

标签: javascript html date time formatting

我已经阅读了很多关于这个主题的帖子,但我对编程并不多...我已经做了一些测试但从未实现我想要的。

这里我们有一个html模板,我们必须修改以满足我们的需求。

这里是我必须编辑的代码:

<p id="DATE"></p>
<script>
    var d = new Date();
    document.getElementById("DATE").innerHTML = d.toString();
</script>

它给我的约会好了......但不是我想要的格式...... 我想要的格式是...... DD-MM-YYYY HH:MM

简单就是:)

已经过了几个小时,我无法做到......任何人都可以帮助我只需要复制/粘贴我的html文件中的代码。

3 个答案:

答案 0 :(得分:1)

与使用外部JavaScript库进行简单任务相反。你应该能够用Vanilla js实现同样的目标。

参考: Where can I find documentation on formatting a date in JavaScript?

简而言之:

var d = new Date();
var curr_date = d.getDate();
var curr_month = d.getMonth() + 1; //Months are zero based
var curr_year = d.getFullYear();
var curr_hour = d.getHours();
var curr_min = d.getMinutes();
console.log(curr_date + "-" + curr_month + "-" + curr_year + " " + curr_hour + ":" + curr_min);

上面的代码段应该包含您需要的所有代码。

对于您的具体实施,您需要执行以下操作:

<script>
    var d = new Date();
    var curr_date = d.getDate();
    var curr_month = d.getMonth() + 1; //Months are zero based
    var curr_year = d.getFullYear();
    var curr_hour = d.getHours();
    var curr_min = d.getMinutes();
    var formattedDate = curr_date + "-" + curr_month + "-" + curr_year + " " + curr_hour + ":" + curr_min;
    document.getElementById("DATE").innerHTML = formattedDate;
</script>

答案 1 :(得分:0)

您需要的格式函数非常简单。以下内容将返回提供日期的字符串,如果没有通过则返回当前日期。

function formatDate(date) {
  var d = date || new Date();
  function z(n){return (n<10?'0':'')+n}
  return z(d.getDate()) + '-' + 
         z(d.getMonth()+1) + '-' +
         d.getFullYear() + ' ' +
         z(d.getHours()) + ':' +
         z(d.getMinutes());
}
document.write(formatDate());

顺便说一句,你不能对两个独立的部分使用相同的标记。虽然格式化标记没有标准甚至一致性,但您的格式通常表示为:

DD-MM-YYYY HH:mm

哪个与moment.js和其他几个兼容,但有许多其他令牌集代表相同的格式。

答案 2 :(得分:0)

要实现您的目标,只需尝试以下代码:

首先,在head标签内添加以下代码行:

<script src="https://rawgit.com/moment/moment/2.2.1/min/moment.min.js"></script>

最后,更改您现有的代码行:

document.getElementById("DATE").innerHTML = moment(d).format('DD-MM-YYYY HH:MM');

快乐编码:)