将第二个日期格式添加到 jQuery UI 日期选择器不起作用

Question

我必须将 datepicker 日期格式设置为 dateFormat: "yy-mm-dd",，这是因为我正在以这种格式从数据库中获取数据。现在我想以这种格式显示 datepicker 的任何更改 'DD, d MM, yy' 我所做的是

 onSelect: function(){
     var formattedDate = $('#datepicker').datepicker({ dateFormat: 'DD, d MM, yy' }).val();
     alert(formattedDate);
    }

但是 datepicker 仍然以 "yy-mm-dd" 格式返回数据。我该如何解决这个问题？

Demo

Answer 1

你只需要使用效用函数：

$.datepicker.formatDate( format, date, options )

$.datepicker.parseDate( format, value, options )

查看更多：https://api.jqueryui.com/datepicker/

工作示例：http://jsfiddle.net/Twisty/1ku4wLzf/5/

JavaScript

$("#datepicker").datepicker({
  dateFormat: "yy-mm-dd",
  minDate: 0,
  maxDate: new Date('2019-10-31'),
  onSelect: function(dStr, obj) {
    var dt = $.datepicker.parseDate("yy-mm-dd", dStr);
    var fdt = $.datepicker.formatDate("DD, d MM, yy", dt);
    alert(fdt);
  }
});

将第二个日期格式添加到 jQuery UI 日期选择器不起作用

Adding second date format to jQuery UI Date Picker is not working

jquery-ui

jquery-ui-datepicker