Templates of the Lightbox

gantt.templates = {task_date: '指定灯箱“时间段”部分中日期标签的格式',task_text: '指定任务栏中的文本和灯箱的标题',task_time: '指定灯箱标题中的日期时间段',lightbox_header: '指定灯箱的标题',time_picker: '指定灯箱中下拉时间选择器的格式'
}

用法:

task_date: 指定灯箱“时间段”部分中日期标签的格式

/**

* @param date:Date 需要格式化的日期

*/

gantt.templates.task_date = function (date) {return gantt.date.date_to_str(gantt.config.task_date)(date);
};

task_text: 指定任务栏中的文本和灯箱的标题

/**

* @param start:Date 任务计划开始的日期

* @param end:Date 计划完成任务的日期

* @param task:object 任务对象

*/

gantt.templates.task_text = function (start, end, task) {return task.text;
};

task_time: 指定灯箱标题中的日期时间段

/**

* @param start:Date 任务计划开始的日期

* @param end:Date 计划完成任务的日期

* @param task:object 任务对象

*/

gantt.templates.task_time = function (start, end, task) {return gantt.templates.task_date(start) + " - " + gantt.templates.task_end_date(end);
};

lightbox_header: 指定灯箱的标题

/**

* @param start:Date 任务计划开始的日期

* @param end:Date 计划完成任务的日期

* @param task:object 任务对象

*/

gantt.templates.lightbox_header = function (start, end, task) {return 'lightbox_header';
};

time_picker: 指定灯箱中下拉时间选择器的格式

/**

* @param date:Date 需要格式化的日期

*/

gantt.config.lightbox.sections = [{ name: "description", type: "textarea", map_to: "text", height: 40, focus: true },{ name: "time", type: "duration", map_to: "auto", time_format: ["%Y", "%m", "%d", "%H:%i"] }
];gantt.templates.time_picker = function (date) {return gantt.date.date_to_str(gantt.config.time_picker)(date);
};

Gantt - gantt.templates of the Lightbox - 灯箱模板相关推荐

  1. 高端大气上档次的jQuery Lightbox 灯箱插件

    jQuery Lightbox 灯箱插件可以让你为您的网站和应用程序展示优雅的图像,视频 和其它内容,这篇jQuery Lightbox灯箱插件推荐为你介绍2021最佳jQuery Lightbox插 ...

  2. VTL(Velocity Templates Language,即Velocity模板语言)初识语法总结

    1.velocity是一门基于Java语言的视图表现层模板引擎,它可以取代jsp,比jsp更高效. 2.velocity变量的定义与引用 (1).定义一个变量:#set ($a = "vel ...

  3. Paper templates for Word(Word论文模板)

    经常看论文的朋友可能会发现,像一些大的会议的论文格式都是相同的,他们的格式一般都十分固定,这些论文是用什么软件做出来的呢?一开始我想当然的认为是用LaTeX,因为LaTeX提供了一些文类,我自然而然的 ...

  4. DHTMLX Gantt 甘特图 使用

    dhtmlxGantt 在vue中使用样例,实现了自定义弹窗.设置横道图颜色.修改列表样式.表单验证等. 效果: 官网样例:https://docs.dhtmlx.com/gantt/samples/ ...

  5. dhtml gantt所有配置_Dhtmlx-Gantt基本用法

    以vue使用为例 下载Dhtmlx-Gantt npm install dhtmlx-gantt --save 初始化Dhtmlx-Gantt mounted: function () { gantt ...

  6. gantt/甘特图完整代码(带注释,可以复制)

    官网地址:Gantt : Samples 效果图: 代码: <!DOCTYPE html> <html><head><meta charset="u ...

  7. python后台架构Django教程——templates模板

    全栈工程师开发手册 (作者:栾鹏) 本文衔接至python后台架构Django开发全解. 有其他问题请先阅读:http://blog.csdn.net/luanpeng825485697/articl ...

  8. IntelliJ IDEA 快捷键及模板Templates设置

    一.设置快捷键(Keymap) 1. 设置快捷为 Eclipse 的快捷键 2.通过快捷键功能修改快捷键设置 3.通过指定快捷键,查看或修改其功能 4.导入已有的设置 点击 0K 之后,重启 IDEA ...

  9. LightBox -灯箱效果插件(非常漂亮)

             Lightbox,也就是灯箱特效    1)TopUp是一款 基于jquery用于显示图片和网页的对话框组件. 主页: http://gettopup.com/    2)CeraB ...

最新文章

  1. Wireshark数据抓包分析(网络协议篇)1.2安装Wireshark
  2. Count SIN Numbers
  3. 信号分解:双正交、完备性、对偶向量
  4. windows 7 网卡物理地址修改方法
  5. ORACLE expdp/impdp详解
  6. IBASE read buffer
  7. 从.Net框架Bug的提交到修复代码成功合并到.NET CoreFX主线
  8. mysql 批量_mysql LOAD语句批量录入数据
  9. Java关键字:final、default、transient
  10. PHP之mb_strrpos使用
  11. 大数据讲课笔记1.5 使用Vim编辑器
  12. PhantomJS not found on PATH
  13. 计算机二级考试内容是什么
  14. 构建开发环境 构建demo_构建自己的wotsapp第6部分
  15. java智慧农业系统-农业云端农产品仓储子系统
  16. python画五角星和六角星程序
  17. python爬取地图数据_高德3地图之python爬取POI数据及其边界经纬度(根据关键字在城市范围内搜索)...
  18. Unity3d shader实现消融效果
  19. 【Verilog刷题篇】硬件工程师从0到入门2|组合逻辑
  20. 斯诺登事件,国家已经开始重视国企去IOE化

热门文章

  1. Linux音频软件:Alsa、OSS和Pulseaudio、ESD、
  2. Android端录制视频,.NET实时播放
  3. Web前端之HTML常用标记
  4. U盘安装ubuntu系统具体步骤 记录
  5. 啊哈算法12009: 1.2-1挤牛奶 两种解法
  6. 私域流量互换的本质是什么
  7. 【LeetCode击败99%+】最小高度树
  8. 苹果香港对付黄牛出新招:购买iPhone需摇号
  9. JDK/JVM/JRE的概念
  10. CSP-何以包邮?(从背包问题的角度出发)