javascript - 复制时的 JQuery DatePicker 日期格式问题

Question

只需将年份复制到第二个输入 - 而不是整个日期。这是 HTML，因此第一个输入 - 日期格式是正确的。第二个输入 - 日期格式只需是年份，而不是整个日期。

看这里 http://jsfiddle.net/xyp7khfe/13/

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

这是 JQUERY

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

Answer 1

您可以使用setDate method，而不是使用.val()方法更新值。在考虑 dateFormat 属性值的同时更新该值:

$('#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));
    }
});

<小时/>

或者，您可以根据该值创建一个日期，然后使用 .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());
  }
});