在前端开发中，日期处理是一个常见问题。在使用 jquery 开发时，日期转换成字符串也是一个常见的需求。本文将通过介绍 jquery 的 datepicker 插件，来演示如何将日期转换成字符串。
一、jQuery datepicker
jQuery datepicker 是一个日期选择器插件，它使用了 jQuery UI 的样式，并提供了日期选择的交互功能。使用 jQuery datepicker 插件，可以方便地选择日期，并将其格式化成字符串。
- 安装 jQuery datepicker
首先，需要在 HTML 页面中引入 jQuery 和 jQuery UI 的库文件，以及 jQuery datepicker 的库文件。可以从 jQuery 的官网（https://jquery.com/）和 jQuery UI 的官网（https://jqueryui.com/）下载相应的库文件。或者使用 CDN 加载。
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui-datepicker/1.12.1/jquery-ui.min.js"></script>
- 使用 jQuery datepicker
使用 jQuery datepicker 只需要为日期输入框添加一个 class，然后在 JavaScript 中调用 datepicker 函数即可。
HTML 代码：
JavaScript 代码：
$(document).ready(function(){
$(".datepicker").datepicker();});
这样就可以在日期输入框上点击，弹出日期选择器了。
二、日期转换成字符串
将日期转换成字符串，主要涉及两个过程：获取日期和格式化成字符串。
- 获取日期
使用 jQuery datepicker，可以通过函数获取日期。例如，获取日期选择器弹出时默认的日期：
$(".datepicker").datepicker("getDate")
这个函数返回一个 JavaScript 的 Date 类型的对象。
- 格式化成字符串
使用 JavaScript 的 Date 类型自带了一些日期格式化的方法，包括 toDateString()、toLocaleDateString() 等等。但这些方法的缺点是无法自定义格式。
为了方便地格式化日期，我们可以使用第三方库 moment.js（https://momentjs.com/），它提供了非常方便的日期处理方法。
例如，我们想把日期格式化成 yyyy-mm-dd 的形式，可以使用 moment.js 的 format() 方法。
moment(date).format("YYYY-MM-DD")
其中，date 是一个 JavaScript 的 Date 类型的对象，表示要格式化的日期。format() 方法的参数是一个字符串，用来指定输出的格式。YYYY 表示四位数的年份，MM 表示月份，DD 表示天数。
完整的代码如下：
HTML 代码：
JavaScript 代码：
$(document).ready(function(){
$(".datepicker").datepicker();
$("#btnConvert").click(function(){
var date = $(".datepicker").datepicker("getDate");
var dateString = moment(date).format("YYYY-MM-DD");
$("#result").text(dateString);
});});
首先，为日期输入框添加了 datepicker 类。然后，定义了一个按钮来触发日期转换的过程。当点击按钮时，getUserDate() 函数会获取日期，并使用 moment.js 来格式化日期成字符串。
三、总结
使用 jQuery datepicker 插件，可以快速实现日期选择器。而使用 moment.js，可以方便地将日期转换成字符串，并自定义日期的格式。通过本文的讲解，相信大家对于 jQuery 如何将日期转换成字符串有了更深刻的理解。
