如何在 JavaScript 中更改日期格式

IT技术 javascript datetime
2021-03-04 17:48:40

可能的重复:
在 javascript 中格式化日期

我有这个:

HTML

Start Date:  <input type="date" id="startDate" name="startDate" ></p>

JavaScript

var  mydate = new Date(form.startDate.value);

在那之后 mydate 变成

"05/05/2010"

现在,我想将此格式更改为

May 2010

有没有办法在 JavaScript 中做到这一点?

5个回答

你当然可以自己格式化日期..

var mydate = new Date(form.startDate.value);
var month = ["January", "February", "March", "April", "May", "June",
"July", "August", "September", "October", "November", "December"][mydate.getMonth()];
var str = month + ' ' + mydate.getFullYear();

您还可以使用外部库,例如DateJS

这是一个 DateJS 示例:

<script src="http://www.datejs.com/build/date.js" type="text/javascript"></script>
<script>
   var mydate = new Date(form.startDate.value);
   var str = mydate.toString("MMMM yyyy");
   window.alert(str);
</script>

使用Datejs库,这可以很简单:

Date.parse("05/05/2010").toString("MMMM yyyy");
//          parse date             convert to
//                                 string with
//                                 custom format
迟到的回应,但我会推荐 date-fns 或 moment.js
2021-04-18 17:48:40
有人可以推荐一个更当前的 datejs 等价物吗?下载 URL 的日期是 2007 年... :)
2021-04-22 17:48:40
我试过这个: var start_date = Date.parse(startDate).toString("YYYY-MM-DD") (其中 startDate 是 11/30/2015)并得到 YYYY-11-DD 作为输出。
2021-04-23 17:48:40
@pceccon 为未来的读者回答一个老问题,但格式应该是(“yyyy-MM-dd”)。该库区分大小写,因为您需要区分分钟/月和 12/24 小时格式。
2021-05-09 17:48:40
var month = mydate.getMonth(); // month (in integer 0-11)
var year = mydate.getFullYear(); // year

那么你所需要的只是一系列的月份:

var months = ['Jan', 'Feb', 'Mar', ...];

然后显示它:

alert(months[month] + "  " + year);

尝试 -

var monthNames = [ "January", "February", "March", "April", "May", "June",
    "July", "August", "September", "October", "November", "December" ];

var newDate = new Date(form.startDate.value);
var formattedDate = monthNames[newDate.getMonth()] + ' ' + newDate.getFullYear();

使用您的 mydate 对象并调用 getMonth() 和 getFullYear()

有关更多信息,请参阅:http : //www.w3schools.com/jsref/jsref_obj_date.asp

只是看到它们链接到这里的一般反应。仅仅因为它们是谷歌的第一个结果并不意味着它们是最好的链接。对于 JS,最好链接到等效的 MDN 条目:developer.mozilla.org/en/JavaScript/Reference/Global_Objects/... 更好的文档,视觉垃圾邮件更少。
2021-04-20 17:48:40
呵呵,我一直使用 W3CHOOLS 作为参考,主要是因为它总是在 Google 上弹出的第一件事。我现在必须读这个..
2021-04-23 17:48:40
2021-04-28 17:48:40
@MarcB w3fools 对这个 w3cschools.com javascript 日期参考有什么问题吗?请具体点。
2021-05-13 17:48:40