相关疑难解决方法(0)

如何将jQuery Datepicker与文本框输入一起使用:

$("#my_txtbox").datepicker({
  // options
});

这不允许用户在文本框中输入随机文本.我希望当文本框获得焦点或用户点击它时弹出Datepicker,但我希望文本框忽略使用键盘的任何用户输入(复制和粘贴,或任何其他).我想从Datepicker日历中专门填充文本框.

这可能吗？

jQuery 1.2.6
Datepicker 1.5.2

我正在努力创建无法点击的嵌入式/内联日期选择器 - 它应该只显示日期,表现为只读.

我正在做的是用模型中的选定日期填充日历,然后我尝试使其无法点击,因此用户不会瘦,他可以编辑任何内容.

我正在使用eternicode-bootstrap-datepicker - 使其成为多日期.

到目前为止,我有这个:

<link rel="stylesheet" href="<c:url value="/resources/js/lib/eternicode-bootstrap-datepicker/css/datepicker3.css" />" />

<script src="<c:url value="/resources/js/lib/eternicode-bootstrap-datepicker/js/bootstrap-datepicker.js"/>"></script>

<script type="text/javascript">
$(document).ready(function() {
    $("#datepicker-inline").datepicker({
        multidate : true,
        todayHighlight : true,
    });
    var dates = [];
    var i = 0;
    <c:forEach items="${course.selectedDates}" var="selectedDate">
    console.log("${selectedDate}");
    dates[i++] = new Date("${selectedDate}");
    </c:forEach>
    $("#datepicker-inline").datepicker('setDates', dates);

    // something to make it readonly
    $(".day").click(function(event) {
        console.log("preventing");
        event.preventDefault();
    });
});
</script>


<div class="col-xs-8">
    <h4>Dates</h4>
    <div id="datepicker-inline"></div>
</div>

[对不起,如果格式错误]

如您所见,我正在尝试阻止日历中.day上的默认点击操作.控制台显示"正在阻止",但仍会将日期视为已选中.

你知道如何让它成为禁用/不活动/只读吗？

所有只读主题,关于<input>只读,但仍然能够从datepicker选择日期.