javascript - 使用 pikaday 日期选择器创建日期范围字段

Question

我正在尝试使用 pikaday 日期选择器，我试图避免使用 jquery 日期选择器，因为它具有依赖性和大量图像，但我无法通过 pikaday 实现我想要的。

我在表单中有一个从到字段，可以在到字段中选择的日期不应该超过从字段。我试过如下但它不起作用。

var picker = new Pikaday({
    field: document.getElementById('start')
});
var picker2 = new Pikaday({
    field: document.getElementById('end'),
    minDate: new Date(document.getElementById('start').value)
});

纯 javascript 解决方案对我来说更好，谁能指导我解决这个问题？

Answer 1

当 pickaday control 选择新日期时，您可以使用方法 setMinDate 和 setMaxDate :

var picker = new Pikaday({
    field: document.getElementById('start'),
    onSelect: function() {
        picker2.setMinDate(this.getDate());
    }
});
var picker2 = new Pikaday({
    field: document.getElementById('end'),
    onSelect: function() {
        picker.setMaxDate(this.getDate());
    }
});

jsfiddle