我正在尝试使用 pikaday datepicker,我试图避免使用 jquery datepicker,因为它的依赖性和大量图像,但我无法用 pikaday 实现我想要的。

我在表单中有一个 from to 字段,可以在 to 字段中选择的日期不应超过 from 字段.. 我尝试过如下所示,但它不起作用。

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

纯 javascript 解决方案对我来说更好,
任何人都可以指导我解决这个问题吗?

最佳答案

pickaday control 选择新日期时,您可以使用 setMinDatesetMaxDate 方法:

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

关于javascript - 使用 pikaday datepicker 创建日期范围字段,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/24183578/

10-09 17:59