📅 最后修改于: 2023-12-03 15:32:08.282000 🧑 作者: Mango
Jquery Datepicker 是一个非常流行的日期选择插件，它让日期选择和格式化变得更简单和方便。本文将介绍如何更改 Jquery Datepicker 的日期格式。
默认情况下，Jquery Datepicker 显示的日期格式为 MM/DD/YYYY。如果希望更改日期格式为 YYYY/MM/DD，需要执行以下步骤：
在 HTML 中引入 Jquery 和 Jquery Datepicker 的 js 和 css 文件。可以通过 CDN 或本地文件引入。
<!-- 引入 Jquery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<!-- 引入 Jquery Datepicker css -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/datepicker/0.6.5/datepicker.min.css">
<!-- 引入 Jquery Datepicker js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/datepicker/0.6.5/datepicker.min.js"></script>
在 JavaScript 中设置 Jquery Datepicker 的日期格式。
// 设置日期格式为 YYYY/MM/DD
$('#datepicker').datepicker({
format: 'yyyy/mm/dd'
});
上述代码中，#datepicker 是日期选择器的 ID，format 属性用于指定日期格式。
其中，日期格式的各个部分可以替换为以下选项：
yyyy：完整的年份，例如：2022；yy：两位数字的年份，例如：22；mm：月份（两位数字），例如：02；m：月份（一位数字），例如：2；dd：日（两位数字），例如：01；d：日（一位数字），例如：1。示例代码：
<!DOCTYPE html>
<html>
<head>
<title>Jquery Datepicker</title>
<!-- 引入 Jquery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<!-- 引入 Jquery Datepicker css -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/datepicker/0.6.5/datepicker.min.css">
<!-- 引入 Jquery Datepicker js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/datepicker/0.6.5/datepicker.min.js"></script>
<script>
$(document).ready(function() {
// 设置日期格式为 YYYY/MM/DD
$('#datepicker').datepicker({
format: 'yyyy/mm/dd'
});
});
</script>
</head>
<body>
<input type="text" id="datepicker">
</body>
</html>
本文介绍了如何更改 Jquery Datepicker 的日期格式。要更改日期格式，需要在 JavaScript 中设置 format 属性，并指定日期格式的各个部分。希望这篇文章能帮助你更好地使用 Jquery Datepicker。