javascript - 打开日期选择器日历

Question

首先，我想为我糟糕的英语道歉。 我的问题: 我正在为一家酒店的预订网站编程，我想做一个文本字段，您可以在其中选择下拉日历的一个日期作为开始日期，以及一个文本字段，您可以在其中当然选择结束日期。

我怎样才能做这个下拉日历，以文本形式提供日期？

爱彼迎示例:

Answer 1

您可以使用纯 JavaScript 组件 Pikaday。结果如下所示:

var picker = new Pikaday({
    field: document.getElementById('datepicker'),
    firstDay: 1,
    minDate: new Date(),
    maxDate: new Date(2017, 11, 31),
    yearRange: [1950,2017]
});

.example{
    margin-top: 250px;
}

<link rel="stylesheet" href="https://dbushell.com/Pikaday/css/pikaday.css">
<div class="example">
    <label for="datepicker">Date:</label>   
    <input type="text" id="datepicker">
</div>
<script src="https://dbushell.com/Pikaday/pikaday.js"></script>

您可以通过查看完整文档来自定义它 Here .