jQuery 日期选择器：选择文本字段时忽略的选项

Question

我正在尝试使用这个日期选择器 https://bootstrap-datepicker.readthedocs.org/en/latest/

具体我正在使用 "component" 视图，所以文本字段旁边有一个按钮。

我已将日期选择器设置为询问年份（几十年），然后是月份，然后是日期，我已将语言设置为意大利语，日期格式设置为 dd/mm/yyyy。

如果我使用 select 日期按钮可以正常工作，但如果我将焦点放在文本字段上，日期选择器将显示为默认视图：选择日期的每月视图，英语mm/dd/yyyy 日期格式。

这是正在使用的代码：

<input data-provide="datepicker" class="form-control" id="birthdate" placeholder="Data di nascita" readonly="readonly" name="birthdate" type="text"><span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>

$('.input-group.date').datepicker({
format: "dd/mm/yyyy",
weekStart: 1,
startView: 2,
clearBtn: true,
language: "it",
autoclose: true});

您还可以在此处查看示例：http://www.luigicaradonna.it/datepicker/prova.php

尝试单击按钮和 select 一个日期，这是它应该的工作方式，然后重新加载页面并单击文本字段，这是错误的行为。

我做错了什么？

Answer 1

问题是你是这样输入的

<div class="input-group date">
    <input data-provide="datepicker" type="text" class="form-control"><span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span>
</div>

您可以在输入中看到 data-provide="datepicker"。这就是它无法按预期工作的原因。我不知道这对你来说是否必要，但如果你删除 data-provide="datapicker" 它应该可以正常工作。

<div class="input-group date">
    <input type="text" class="form-control"><span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span>
</div>

我运行对您的示例代码进行了一些测试，这种方式对我有用。希望对你有帮助

jQuery 日期选择器：选择文本字段时忽略的选项

jQuery datepicker: options ignored selecting the text field

jquery

datepicker

twitter-bootstrap