复制时的jQuery DatePicker日期格式问题

Question

Look to just copy the Year to the 2nd input - not the entire date. Here is the HTML so 1st input - date format is correct. 2nd input - date format needs to be just the year and not the whole date.

look here http://jsfiddle.net/xyp7khfe/13/

<input id="sdate" />
<input id="edate" />

and here is the JQUERY

$('#sdate').datepicker({
    dateFormat: 'dd-M-yy',
    changeMonth: false,
    changeYear: true,
    firstDay: 1,
    onSelect: function () {
        $('#edate').val(this.value);
    }
});

Answer 1

Instead of updating the value with the .val() method, you could use the setDate method to update the value while taking the dateFormat property value into consideration:

$('#edate').datepicker('setDate', new Date(this.value));

Updated Example

$('#sdate').datepicker({
    dateFormat: 'dd-M-yy',
    changeMonth: false,
    changeYear: true,
    firstDay: 1,
    onSelect: function () {
        $('#edate').datepicker('setDate', new Date(this.value));
    }
});

---

Alternatively, you can create a date based on the value and then use the .getFullYear() method :

$('#edate').val(new Date(this.value).getFullYear());

Updated Example

$('#sdate').datepicker({
  dateFormat: 'dd-M-yy',
  changeMonth: false,
  changeYear: true,
  firstDay: 1,
  onSelect: function() {
    $('#edate').val(new Date(this.value).getFullYear());
  }
});