Bootstrap Datepicker(避免文本输入或限制手动输入)

Question

这是我的网站:http://splash.inting.org/wp/

我目前使用Bootstrap Datepicker(范围分支)作为我的"呼叫日期"字段,它非常棒.

虽然我有两个问题:

1)您可以在输入字段中手动输入字符串.这很奇怪,因为只要您输入非日期值,eyecon就会通过输入当前日期来禁止它.我尝试了readonly属性,它似乎不起作用,因为它不允许您选择任何日期.

2)我通过修改另一篇文章中的答案,将日期输入选项限制为星期二和星期四.加载日期选择器后,选择的默认日期是当前日期,可以是一周中的任何其他日期.我想避免这种情况,只选择星期二或星期四.

Answer 1

覆盖输入控件上的键事件.

<input onkeydown="return false" ... />

Answer 2

使用 readonly 属性并在 input 元素后附加一个附加组件以在输入后触发日期选择器：

<input type="text" name="CallDate" value="" id="CallDate" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required input-medium date date-pick" size="40" readonly>
<span class="add-on"><i class="icon-calendar"></i></span>

那应该工作。

对于第二个问题，您可以从这里使用日期选择器的修改版本：https : //github.com/eternicode/bootstrap-datepicker并使用选项daysOfWeekDisabled

Answer 3

我设法得到可接受的解决方案如下：

$(".date").datetimepicker({
    defaultDate: moment(),
    format: 'YYYY-MM-DD'
}).end().on('keypress paste', function (e) {
    e.preventDefault();
    return false;
});

希望它也适用于你！