日期中Data.Parse()的用法

本文介绍了一种使用Date.parse方法解析不同格式日期字符串的技术。示例包括了短日期格式(如'3-7-2013'和'03-07-2013'),并指出了日期格式对解析的重要性。
Date.parse("3-7-2013")
Date.parse("03-07-2013")
Date.parse("mm-dd-yyyy");

转载于:https://www.cnblogs.com/panlovestan/archive/2013/03/07/2948333.html

### dhtmlxGantt 中 `gantt.parse` 方法的功能与用法 #### 1. 功能概述 `gantt.parse` 是 dhtmlxGantt 提供的一个核心方法,用于将任务数据加载到甘特图中。它接受一个包含任务列表的对象作为输入参数,并根据对象中的数据渲染对应的甘特图视图[^3]。 --- #### 2. 基本语法 ```javascript gantt.parse(data); ``` 其中,`data` 参数是一个 JavaScript 对象,表示任务集合及其属性。它的基本结构如下: ```javascript { data: [ { id: 1, text: "Task #1", start_date: "01-04-2023", duration: 3 }, { id: 2, text: "Task #2", start_date: "02-04-2023", duration: 5 } ], links: [ { id: 1, source: 1, target: 2, type: "finish-to-start" } ] } ``` --- #### 3. 参数详解 - **`data.data`**: 表示任务数组,每个任务对象至少需要以下三个属性: - `id`: 唯一标识符,确保每项任务都有唯一的 ID。 - `text`: 描述任务名称的字符串。 - `start_date`: 起始期,格式需匹配 `gantt.config.date_format` 的设定,默认为 `"mm/dd/yyyy"`。 - `duration`: 任务持续时间(以天为单位),也可以替换为结束期 `end_date` 属性。 - **`data.links`**: 表示依赖关系数组,定义任务之间的关联逻辑。常用属性包括: - `id`: 关联唯一标识符。 - `source`: 指向源任务的 ID。 - `target`: 指向目标任务的 ID。 - `type`: 定义关联类型,常见值有 `"finish-to-start"`、`"start-to-finish"` 等。 --- #### 4. 示例代码 以下是一段完整的代码示例,演示如何使用 `gantt.parse` 将任务数据加载到甘特图中: ```javascript // 初始化甘特图容器 gantt.init("gantt_here"); // 定义任务和关联数据 var tasks = { data: [ { id: 1, text: "任务 A", start_date: "01-04-2023", duration: 3 }, { id: 2, text: "任务 B", start_date: "02-04-2023", duration: 5 } ], links: [ { id: 1, source: 1, target: 2, type: "finish-to-start" } ] }; // 使用 gantt.parse 加载数据 gantt.parse(tasks); ``` 在此示例中,两个任务分别命名为“任务 A”和“任务 B”,它们之间存在一种 finish-to-start 类型的关系,即只有当任务 A 结束后,任务 B 才能开始执行。 --- #### 5. 数据格式注意事项 为了确保 `gantt.parse` 正常工作,需要注意以下几个方面: - **期格式一致性**:确保传入的任务起始期遵循 `gantt.config.date_format` 的规定。如果不一致,可能导致解析失败或显示异常。 - **ID 唯一性**:无论是任务还是关联关系,都必须保证其 ID 不重复,否则会引起冲突。 - **嵌套层次支持**:如果项目中有子任务,则可以在任务对象中增加 `parent` 属性来指定父级任务 ID。 例如: ```javascript { id: 3, text: "子任务 C", start_date: "03-04-2023", duration: 2, parent: 1 } ``` 这表明子任务 C 是属于任务 A 下的子任务。 --- #### 6. 动态更新数据 除了初始加载之外,还可以通过重新调用 `gantt.parse` 来刷新现有数据集。不过在此之前,建议先清空旧数据以免造成冗余: ```javascript gantt.clearAll(); gantt.parse(newTasksData); ``` 这样能够有效避免内存泄漏问题并提升性能表现。 --- ### 总结 `gantt.parse` 方法的主要职责是从外部引入任务及关联信息,并依据这些数据构建可视化的甘特图模型。合理运用它可以极大简化开发者的工作流程,同时提供灵活的数据绑定机制以便于后期维护与扩展。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值