如何在SlickGrid日期编辑器中禁用手动更改日期?

用户名

我想强制用户在SlickGrid中使用日期选择器,而不能手动输入日期。这可能吗?我浏览了slick.editors.js并尝试了一些方法,但是没有任何运气吗?

这是DateEditor。

function DateEditor(args) {
var $input;
var defaultValue;
var scope = this;
var calendarOpen = false;

this.init = function () {
    $input = $("<INPUT type=text class='editor-text' />");
    $input.appendTo(args.container);
    $input.focus().select();

  $input.datepicker({
    showOn: "both",
    buttonImageOnly: true,
    buttonImage: "../images/calendar.gif",
    beforeShow: function () {
      calendarOpen = true
    },
    onClose: function () {
      calendarOpen = false
    }
  });
  $input.width($input.width() - 18);
};

this.destroy = function () {
  $.datepicker.dpDiv.stop(true, true);
  $input.datepicker("hide");
  $input.datepicker("destroy");
  $input.remove();
};

this.show = function () {
  if (calendarOpen) {
    $.datepicker.dpDiv.stop(true, true).show();
  }
};

this.hide = function () {
  if (calendarOpen) {
    $.datepicker.dpDiv.stop(true, true).hide();
  }
};

this.position = function (position) {
  if (!calendarOpen) {
    return;
  }
  $.datepicker.dpDiv
      .css("top", position.top + 30)
      .css("left", position.left);
};

this.focus = function () {
    $input.focus();

};


this.loadValue = function (item) {
  defaultValue = item[args.column.field];
  $input.val(defaultValue);
  $input[0].defaultValue = defaultValue;
  $input.select();
};

this.serializeValue = function () {
  return $input.val();
};

this.applyValue = function (item, state) {
  item[args.column.field] = state;
};

this.isValueChanged = function () {
  return (!($input.val() == "" && defaultValue == null)) && ($input.val() != defaultValue);
};

this.validate = function () {
  return {
    valid: true,
    msg: null
  };
};

this.init();
}
保留

试试这个:

$input.bind('keydown', function(){ return false });

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在vi编辑器中更改日期格式

来自分类Dev

手动编辑日期或清除日期时,bootstrap datepicker更改日期事件未触发

来自分类Dev

如何在Telerik RadDatePicker中禁用手动输入

来自分类Dev

如何在Telerik RadDatePicker中禁用手动输入

来自分类Dev

如何使dijit /编辑器手动调整大小?

来自分类Dev

如何手动下载原子编辑器软件包并手动安装?

来自分类Dev

PHP:按日期查询数据库,但我想手动更改日期

来自分类Dev

如何更改日期选择器中的日期格式?

来自分类Dev

如何在Unity中手动编辑/创建新的启动器项目?

来自分类Dev

如何在Unity中手动编辑/创建新的启动器项目?

来自分类Dev

如何在Django中手动禁用Cookie

来自分类Dev

Ace编辑器手动添加代码段

来自分类Dev

如何启用在反应日期时间范围选择器中输入的手动范围日期时间?

来自分类Dev

如何将dateTimeFromText更改为仅允许分钟%15或禁用手动文本输入?

来自分类Dev

有没有办法在摩纳哥编辑器中手动触发验证?

来自分类Dev

如何更改日期选择器的日期字段不可编辑

来自分类Dev

如何在不更改日期的情况下在Seaborn热图上编辑日期时间格式?

来自分类Dev

如何在Materialise设计中更改日期选择器表单的背景色

来自分类Dev

如何在Android中更改日期选择器的背景颜色

来自分类Dev

Wordpress - 在 phpmyadmin 中为 wordpress 手动更新 mysql 表后,实时帖子反映了更改,但帖子编辑器没有

来自分类Dev

如何不手动编辑SSIS dtsx包以更改SQL Server配置架构中的配置筛选器

来自分类Dev

如何在智能表中更改日期格式

来自分类Dev

如何在配置单元中更改日期格式

来自分类Dev

如何在Oracle BI Publisher中更改日期格式?

来自分类Dev

如何在PHP中强制更改日期时间

来自分类Dev

如何在python中更改日期格式

来自分类Dev

如何在python 3中更改日期格式?

来自分类Dev

如何在node.js中更改日期格式

来自分类Dev

如何在Vividus工具中更改日期?

Related 相关文章

  1. 1

    如何在vi编辑器中更改日期格式

  2. 2

    手动编辑日期或清除日期时,bootstrap datepicker更改日期事件未触发

  3. 3

    如何在Telerik RadDatePicker中禁用手动输入

  4. 4

    如何在Telerik RadDatePicker中禁用手动输入

  5. 5

    如何使dijit /编辑器手动调整大小?

  6. 6

    如何手动下载原子编辑器软件包并手动安装?

  7. 7

    PHP:按日期查询数据库,但我想手动更改日期

  8. 8

    如何更改日期选择器中的日期格式?

  9. 9

    如何在Unity中手动编辑/创建新的启动器项目?

  10. 10

    如何在Unity中手动编辑/创建新的启动器项目?

  11. 11

    如何在Django中手动禁用Cookie

  12. 12

    Ace编辑器手动添加代码段

  13. 13

    如何启用在反应日期时间范围选择器中输入的手动范围日期时间?

  14. 14

    如何将dateTimeFromText更改为仅允许分钟%15或禁用手动文本输入?

  15. 15

    有没有办法在摩纳哥编辑器中手动触发验证?

  16. 16

    如何更改日期选择器的日期字段不可编辑

  17. 17

    如何在不更改日期的情况下在Seaborn热图上编辑日期时间格式?

  18. 18

    如何在Materialise设计中更改日期选择器表单的背景色

  19. 19

    如何在Android中更改日期选择器的背景颜色

  20. 20

    Wordpress - 在 phpmyadmin 中为 wordpress 手动更新 mysql 表后,实时帖子反映了更改,但帖子编辑器没有

  21. 21

    如何不手动编辑SSIS dtsx包以更改SQL Server配置架构中的配置筛选器

  22. 22

    如何在智能表中更改日期格式

  23. 23

    如何在配置单元中更改日期格式

  24. 24

    如何在Oracle BI Publisher中更改日期格式?

  25. 25

    如何在PHP中强制更改日期时间

  26. 26

    如何在python中更改日期格式

  27. 27

    如何在python 3中更改日期格式?

  28. 28

    如何在node.js中更改日期格式

  29. 29

    如何在Vividus工具中更改日期?

热门标签

归档