从日期选择器中获取默认格式的日期，并在jquery UI中转换为其他格式

get date from datepicker in default format and convert to another format in jquery UI

本文关键字：格式 日期 UI jquery 其他 并在 转换 选择器 获取 默认      更新时间：2023-09-26

我在页面上有这些元素（一个简单文本框旁边的隐藏字段）：

<input id="start_date" type="text">
<input id="start_date_hidden" type="hidden">

我将datePicker应用于文本框我写了这样的：

$("#start_date").datetimepicker({
    dateFormat: 'DD dd MM yy'   
});

现在我想在选择一个日期后将所选日期转换为另一种格式并设置为隐藏字段。为此，我写了这样的文章：

$("#start_date").datepicker({
                dateFormat: 'DD dd MM yy',
                onSelect: function ( dateText,  inst) {
                    val =   $(this).datepicker({ dateFormat: 'dd-mm-yy' }).val()
                    $(this).next().val(val)
                }
            });

但这不起作用，并用相同格式的文本框设置日期。

我该怎么做？

jQuery UI日期选择器支持"alt"字段和格式，您可以在其中以其他格式保存所选日期。

$("#start_date").datepicker({
    dateFormat: 'DD dd MM yy',
    altFormat: 'dd-mm-yy',
    altField: "#start_date_hidden"
});

http://api.jqueryui.com/datepicker/#option-altField

相关文章：