Pikadate datepicker：如何将日期放入 div 中？

Question

我正在尝试使用 div 而不是 Pikadate 日期选择器的输入字段，它有点管用，只是我不知道如何将日期输入 div。

Html:

<div id="start"></div>
<div id="end"></div>

Javascript:

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'),
});

这是 fiddle：http://jsfiddle.net/e1hrxd19/2/

Answer 1

在onSelect函数中添加

document.getElementById('start').innerHTML=picker.getDate().toDateString();

或者类似的东西。重要的部分是 picker

上的 getDate() 函数

这里是更新的 fiddle 开头 div：http://jsfiddle.net/e1hrxd19/3/

Pikadate datepicker：如何将日期放入 div 中？

Pikadate datepicker: How can I get the dates into the divs?

html

javascript