Question

我有一个分配给div的jquery datepicker，我目前正在使用它来显示日历，并且不希望能够选择日期选择器上的任何项目。

实现这一目标的最简单方法是什么？

编辑：澄清一下，我正在使用Jquery UI datepicker。用户不应该选择月，年，日等，或获取手形图标。我仍然可以使用jquery

分配选定的日期等

始终显示datepicker日历。

Answer 1

我发现解决这个问题的方法就是使用beforeShowDay之前的函数禁用所有日期。

即

beforeShowDay: function (date) {return [false, ''];}

Answer 2

1）Datepicker内置了禁用功能。对于jquery datepicker Refer This

2）您可以暂时删除绑定属性。

3）你甚至可以将面具放在那个div的顶部。

Answer 3

有两种方法可以完全禁用用户选择

 $('.datepicker').datepicker({

 }).on('show', function(e){
 $('.day').click(function(event) {
    event.preventDefault();
    event.stopPropagation();
  });
 });

第二

 $('#datepicker-inline').datepicker({
     //Other options...
   beforeShowDay: function() {
     return false;
  }
});

Answer 4

首先为日期

创建文本框

<p>Date: <input type="text" class="datepicker"></p>

然后使用JQuery我们可以实现禁用功能

 $(".datepicker").datepicker({
      //Other Options
   }).attr('readonly', 'readonly');

jQuery datepicker禁用用户选择

4 个答案: