Question

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

<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)
                }
            });

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

我该怎么做？

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

以默认格式从datepicker获取日期，并在jquery UI中转换为另一种格式

1 个答案: