从日期选择器中获取默认格式的日期并转换为 jquery UI 中的另一种格式

Question

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

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

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

我将 datePicker 应用于文本框我写了这个 :

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

现在我想在 select 日期之后将 selected 日期转换为另一种格式并设置为隐藏字段。为此我写了这个：

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

                    $(this).next().val(val)
                }
            });

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

我该怎么做？

Answer 1

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

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

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

从日期选择器中获取默认格式的日期并转换为 jquery UI 中的另一种格式

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

javascript

jquery

jquery-ui

datepicker

jquery-ui-datepicker