javascript - 我如何在 Jquery UI datepicker 中更改日期格式

Question

我使用过 Jquery 日期选择器。但我需要将日期格式从 dd-mm-yy 更改为 yy-mm-dd。 (还使用了日期高亮功能)

var dates = ['03-03-2017', '03-10-2017', '03-25-2017'];

$('#datepicker').datepicker({
  dateFormat: 'dd-mm-yy',
  //defaultDate: new Date('03/10/2017'), // this line is for testing
  beforeShowDay: highlightDays
});

function highlightDays(date) {
  for (var i = 0; i < dates.length; i++) {
    if (new Date(dates[i]).toString() == date.toString()) {
      return [true, 'highlight'];
    }
  }
  return [true, ''];
}

td.highlight>a {
  background: #E50104!important;
  color: #fff!important;
  pointer-events: none;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #000;
}

<link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<p>Date: <input type="text" id="datepicker"></p>

Answer 1

很简单。只需将 dateFormat: 'dd-mm-yy', 更改为 dateFormat: 'yy-mm-dd',

var dates = ['03-03-2017', '03-10-2017', '03-25-2017'];

$('#datepicker').datepicker({
    dateFormat: 'yy-mm-dd',
    //defaultDate: new Date('03/10/2017'), // this line is for testing
    beforeShowDay: highlightDays
});

function highlightDays(date) {
    for (var i = 0; i < dates.length; i++) {
        if (new Date(dates[i]).toString() == date.toString()) {
            return [true, 'highlight'];
        }
    }
    return [true, ''];
}

td.highlight > a {
	background: #E50104!important;
	color: #fff!important;
  pointer-events: none;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #000;
}

<link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  
  <p>Date: <input type="text" id="datepicker"></p>