时间戳

首页 > 解决方案 > “提交表单数据”的格式日期

javascript - “提交表单数据”的格式日期

问题描述

我想使用这个输入类型的日期，但在提交下一个格式后得到结果：2019 年 8 月日

默认格式为 2019-08-06

<form action="#">
  <input type="date" name="code">
  <input type="submit">
</form>

我该怎么做才能产生这种格式：Day August 2019 ？

先感谢您。

标签： javascripthtmlforms

解决方案

你可以用 JavaScript 做到这一点。

Date是 JS 中的全局对象。使用它自己的内置方法，请在此处查看。

为了达到您想要的效果，因此让用户输入格式（00 MONTH 0000）的日期，您应该使用 3 个不同的输入（其中一个将选择按名称更改月份），然后在提交表单时将其连接起来。

另一种方式，如果你希望这个值被打印在不同的地方，你可以使用这样的格式化函数：

function formatDate(date) {
  const months = [
    "January", "February", "March",
    "April", "May", "June", "July",
    "August", "September", "October",
    "November", "December"
  ];

  const day = date.getDate();
  const monthIdx = date.getMonth();
  const year = date.getFullYear();

  return `${day} ${months[monthIdx]} ${year}`;
}

console.log(formatDate(new Date())); // in order to print it in console

推荐阅读