jQuery UI 日期选择器 altFormat 选项

简介

jQuery UI 日期选择器是用于在网站上添加日期选择器的 JavaScript 库。altFormat 选项允许开发者定义一个隐藏域，用于存放原始日期格式。

使用方法

1. 引入 jQuery 和 jQuery UI 库
2. 在 HTML 中添加一个日期选择器的文本框元素，以及一个用于存放原始日期格式的隐藏域元素

<input type="text" id="datepicker">
<input type="hidden" id="altDate">

3. 使用 jQuery UI 库将日期选择器应用在文本框上，并设置 altFormat 选项

$(function() {
    $("#datepicker").datepicker({
        altFormat: "yy-mm-dd",
        altField: "#altDate"
    });
});

4. 当用户选择一个日期时，日期选择器将把日期格式化为 altFormat 所指定的格式，并将其存储到 altField 所指定的隐藏域中

<input type="text" id="datepicker" value="2018-07-01">
<input type="hidden" id="altDate" value="2018-07-01">

选项说明

• altFormat：定义要存储到隐藏域中的日期格式，默认为 null
• altField：指定一个隐藏域用于存储原始日期格式，默认为 null

结论

使用 jQuery UI 日期选择器的 altFormat 选项，可以方便地将日期格式化为指定格式，并存储到指定的隐藏域中。这在需要提交日期数据到服务器时特别有用。