jquery - jQuery datepicker 禁用用户选择

Question

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

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

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

日期选择器日历始终显示。

Answer 1

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

IE

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

Answer 2

1) Datepicker 有内置的禁用功能。对于 jquery datepicker参考这个

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');