博客

jQuery UI Datepicker altField选项

  • Post category:jquery

以下是关于 jQuery UI Datepicker altField 选项的详细攻略：

jQuery UI Datepicker altField 选项

altField 选项允许您指定一个的表单字段，以便在用户选择日期时将日期值存储在该字段中。这对于需要将日期值提交到服务器的表单非常有用。

语法

$(selector).datepicker({
  altField: selector
});

示例一：将日期值存储在隐藏字段中

<label for="datepicker">选择日期：</label>
<input type="text" iddatepicker">
<input type="hidden" id="alt-datepicker">

<script>
$( "#datepicker" ).datepicker({
  altField: "#alt-datepicker"
});
</script>

这将创建一个日期选择器，并将所选日期的值存在 #alt-datepicker 隐藏字段中。

示例二：使用 altFormat 选项

<label for="datepicker">选择日期：</label>
<input type="text" id="datepicker">
<input type="hidden" id="alt-datepicker">

<script>
$( "#datepicker" ).datepicker({
  altField: "#alt-datepicker",
  altFormat: "yy-mm-dd"
});
</script>

这将创建一个日期选择器，并将所选日期的值存储在 #alt-datepicker 隐藏字段中。日期值将使用 yy-mm-dd 格式存储。

总结：

altField 选项允许您指定一个隐藏的表单字段，以便在用户选择日期时将日期值存储该字段中。可以使用 altFormat 选项来指定日期值的格式。这对于需要将日期值提交到服务器的表单非常有用。

以上关于 jQuery UI Datepicker altField 选项的详细攻略，包括语法和两个示例。

Tags: