Javascript 使用pikaday日期选择器创建日期范围字段
我试图使用pikaday日期选择器,我试图避免使用jquery日期选择器,因为它的依赖性和沉重的图像,但我无法用pikaday实现我想要的 我在表单中有一个from to字段,可以在to字段中选择的日期不应超过from字段。。我试着像下面一样,但它不工作Javascript 使用pikaday日期选择器创建日期范围字段,javascript,datepicker,pikaday,Javascript,Datepicker,Pikaday,我试图使用pikaday日期选择器,我试图避免使用jquery日期选择器,因为它的依赖性和沉重的图像,但我无法用pikaday实现我想要的 我在表单中有一个from to字段,可以在to字段中选择的日期不应超过from字段。。我试着像下面一样,但它不工作 var picker = new Pikaday({ field: document.getElementById('start') }); var picker2 = new Pikaday({ field: document
var picker = new Pikaday({
field: document.getElementById('start')
});
var picker2 = new Pikaday({
field: document.getElementById('end'),
minDate: new Date(document.getElementById('start').value)
});
纯javascript解决方案更适合我,
有人能帮我解决这个问题吗?我扩展了@A1Prun的答案,以符合我的确切要求,这是更新后的答案,希望它能帮助别人
var picker = new Pikaday({
field: document.getElementById('start'),
minDate: new Date(),
onSelect: function() {
picker2.setMinDate(new Date(this.getDate().getTime()+parseInt(24*60*60*1000)));
if(Number(new Date(this.getDate()))>Number(new Date(document.getElementById('end').value)))
{
document.getElementById('end').value="";
}
}
});
var picker2 = new Pikaday({
field: document.getElementById('end'),
});
当以下人员选择新日期时,您可以使用方法
setMinDate
和setMaxDate
:
谢谢你的回答,我接近这个,但我不知道皮卡迪的这种方法,比如
picker2.setMinDate
,你在哪里读到过这种方法?@vignesh_ms我很高兴它有帮助:)只需点击答案中的链接。它将您链接到github页面。在谷歌搜索了太多之后,我找到了这个答案,并意识到我应该好好阅读文档:D。谢谢@A1rPun
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());
}
});