在 HTML 中更改日期格式

在 HTML 中，通常会使用 <input type='date'> 标签来获取日期，但是默认的日期格式可能不符合我们的需求。本文介绍如何更改日期格式。

步骤

1. 去掉默认样式

首先，我们需要去掉 <input> 标签的默认样式：

<style>
  input[type=date]::-webkit-inner-spin-button {
    display: none;
  }
  input[type=date]::-webkit-calendar-picker-indicator {
    opacity: 0;
  }
</style>

这些样式会去掉浏览器默认的旋转按钮和日期选择图标。

2. 更改日期格式

接下来，我们需要使用 JavaScript 来更改日期格式。我们可以先获取到 <input> 标签，然后在其 onchange 事件中更改日期格式：

<script>
  function formatDate(input) {
    var datePart = input.value.match(/\d+/g),
    year = datePart[0].substring(2),
    month = datePart[1], day = datePart[2];
    input.value = day+'/'+month+'/'+year;
  }
</script>

<input type='date' onchange='formatDate(this)'>

在这个例子中，我们使用 match() 方法和正则表达式来获取日期，然后将其格式化为 dd/mm/yy 的格式。

总结

以上就是在 HTML 中更改日期格式的步骤，通过去掉默认样式和使用 JavaScript 可以轻松实现更改。