mootools datepicker从其他datepicker设置的值

Question

我有一个带有2个日期输入字段的mootools datepicker（Arian / Monkeyphysics）。
我想在第一个字段的第二天设置日期。

到目前为止，我有：

window.addEvent("domready", function(e){
  new DatePicker('#arrival_date', { positionOffset: { x: -3, y: 5 }});
  new DatePicker('#departure_date', { positionOffset: { x: -3, y: 5 },onShow: function(){test();}
});

function test(){
  firstvalue = Date.parse($('arrival_date').value);
  newvalue = firstvalue.increment(); //ad 1 day to first input date
  console.log(newvalue); // Logs ok:Fri Jan 16 1970 22:24:11 ...

  $('arrival_date').set('value', newvalue );         //doesn't work
  $$('#departure_date').attach('#arrival_date');     //doesn't work
  $$('#departure_date').select(newvalue );           //doesn't work
}

怎么做？ （将第二个字段的日期设置为第一个字段的第二天。）

Answer 1

该版本的DatePicker使用隐藏的输入。 因此，您看到的不是您输入的值，而是unix日期戳。

如果您注意到Date.parse($('arrival_date').value); 是在70年代，这是因为javascript使用毫秒，而Unix时间以秒为单位。 要从$('arrival_date').value获取“实际”日期，您需要乘以1000。但是实际上，您并不需要。

要使第二个DatePicker从第一个获取日期，您可以使用以下命令：

onSelect: function (){
    var depDate = $('departure_date');
    if (depDate.value == ""){
        depDate.value = $('arrival_date').value + 86400;
    }
}

if第二个日期为空， if它将在第一个日期选择器日期中增加一天。 事实是，在打开日期选择器之前您将看不到更改，因此，如果以编程方式更改值，则用户将看不到。 这意味着， if没有if ，以防用户再次更改第一个输入，则失去第二个日期，并且用户不会注意到，从而导致沮丧/错误。