Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/assembly/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用pikaday日期选择器创建日期范围字段_Javascript_Datepicker_Pikaday - Fatal编程技术网

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

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

我试图使用pikaday日期选择器,我试图避免使用jquery日期选择器,因为它的依赖性和沉重的图像,但我无法用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解决方案更适合我,
有人能帮我解决这个问题吗?

我扩展了@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());
    }
});