React JS代码中的Datetimepicker错误:错误Uncaught TypeError:Cal.GetMonDays不是函数

时间:2016-03-14 18:05:00

标签: jquery reactjs

我要求在我的反应JS日历标签中将日期和时间格式设为YYYY-MM-DD HH:MM:SS。但我找不到合适的图书馆。

我在JQuery中使用了一个名为datetimepicker_css.js的类似库,它运行正常。但是当我在反应js代码中使用它时,它会抛出一个错误Uncaught TypeError:Cal.GetMonDays不是一个函数。我不知道为什么。如果有人对此有任何意见,将非常感谢。

YYYY-MM-DD HH:MM:SS

2016-03-10 10:42:22

3 个答案:

答案 0 :(得分:0)

我无法说出您使用jQuery插件时遇到的错误。

如果您正在寻找的图书馆,请查看http://momentjs.com/

如果您正在使用构建系统,要使用react实现它,请将其安装为节点包,并且在您需要的文件中只需要使用commonjs模式。

var moment = require('moment');

然后在JSX中你应该可以使用它。

答案 1 :(得分:0)

使用Moment js。

moment().format('YYYY[-]MM[-]DD, h:mm:ss');

答案 2 :(得分:0)

如果您不想使用任何库。编写实用程序方法非常有用

dateToString(date){

    let d = new Date(date);
    let month = '' + (d.getMonth() + 1);
    let day = '' + d.getDate();
    let year = d.getFullYear();

    if (month.length < 2) month = '0' + month;
    if (day.length < 2) day = '0' + day;

    let formattedDate = [year, month, day].join('-');

    let hours = date.getHours();
    let minutes = date.getMinutes();
    let suffix = (hours >= 12)? 'PM' : 'AM';
    let hh = ((hours + 11) % 12 + 1);
    let mm = (minutes < 10 ? "0" : "") + minutes;
    let formattedTime = hh + ":" + mm + " " + suffix;
    return formattedDate +" "+ formattedTime;
}