使用 datetimepicker 进行操作

Posted 2023-03-22

【中文标题】使用 datetimepicker 进行操作

【英文标题】：Handsontable with datetimepicker

【发布时间】：2016-02-12 12:43:29

【问题描述】：

handsontable 中是否有实现 datetimepicker 的插件？我得到的最接近的是pickadate fork here，但我不知道如何在Handsontable 中实现它。

【问题讨论】：

您是否尝试过使用date 类型？

是的。它实现了日期选择器，但我也想选择时间和日期。

【参考方案1】：

您可以通过修改文件handsontable.full.js 来实现此目的。 拿这个文件：http://handsontable.com/dist/handsontable.full.js

找到“Pikaday”部分：

/*!
 * Pikaday
 *
 * Copyright © 2014 David Bushell | BSD & MIT license | https://github.com/dbushell/Pikaday
 */

(function (root, factory)


.......

    return Pikaday;

));

用这个 fork 替换它：https://github.com/owenmead/Pikaday/blob/master/pikaday.js

然后指定日期格式，例如：dateFormat: "YYYY-MM-DD HH:mm"。

【参考方案2】：

有很多方法可以为 HT 自定义现有的日期编辑器。 但遗憾的是 pikaday.js 不支持时间选择（查看部分时间选择器 https://github.com/Pikaday/Pikaday）。您必须为 HT 创建自定义 dp。 https://handsontable.com/docs/8.1.0/tutorial-cell-editor.html

看看

class CalendarEditor extends TextEditor

或者你可以扩展

Handsontable.editors.DateEditor

使用时间选择器选择任何日期选择器。