复制时 JQuery 日期选取器日期格式问题

JQuery DatePicker Date Formatting issue when copying

本文关键字：日期 格式 问题 选取 JQuery 复制      更新时间：2023-09-26

希望只将年份复制到第二个输入 - 而不是整个日期。这是 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);
    }
});

可以使用 setDate 方法更新值，同时考虑dateFormat属性值，而不是使用 .val() 方法更新值：

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

更新的示例

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

或者，您可以基于该值创建日期，然后使用 .getFullYear() 方法：

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

更新的示例

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