徐井图尔基特
这个库是用 角 CLI 函数 (原始内容存档于2019-03-10). version 12.0.4.
代码脚手架
运行 ng generate component component-name --project se-ui-toolkit 生成新的组件。 您还可以使用 ng generate directive|pipe|service|class|guard|interface|enum|module --project se-ui-toolkit。 。 。 .
注:别忘了添加
--project se-ui-toolkit否则将添加到您的默认工程中angular.json文档.
构建
运行 ng build se-ui-toolkit 建设工程. 建筑文物将存放在 dist/ 目录.
出版
在与 ng build se-ui-toolkit文件夹 cd dist/se-ui-toolkit 运行 npm publish。 。 。 .
运行单元测试
运行所有测试( 建议 ):
node run-all-tests.js
这同时按顺序进行角单元测试和网格组件测试.
运行单个测试套房 :
# Angular unit tests via Karma
ng test se-ui-toolkit
# Grid component tests only
node src/lib/components/base/grid/run-all-grid-tests.js
全局过滤器 - 日期范围过滤器
日期范围过滤器初始化
这个 addGlobalDateRangeFilter 接受方法 value 财务报告和审定财务报表 valueTwo 属性以设置过滤器的初始起始和结束日期.
支持的输入格式 :
- 日期对象 :
new Date('2026-05-29') - ISO 日期字符串 :
'2026-05-29' - 本地格式字符串 :
'5/29/2026'
示例
this.gridService.addGlobalDateRangeFilter({
fromField: "FROM",
toField: "TO",
displayText: "Dates",
dayRange: utilities.EDayRange.WEEK,
value: new Date('2026-05-29'), // Start date
valueTwo: new Date('2026-06-05'), // End date
})
重要内容: 两者 value 财务报告和审定财务报表 valueTwo 必须同时提供过滤器,以便随日期而初始化。 如果缺少任何一种, 过滤器将开始为空 。 然后用户可以使用上一个/下一个按钮来根据配置的日期区域导航 dayRange 属性.
日期格式处理
该组件适当处理将 Date 对象和字符串转换为 p- date pickers 组件所要求的格式. 避免呼叫 toLocaleDateString() 当组件在内部处理此转换时,在将它们传送到过滤器之前,请先输入日期值.
进一步帮助
获得更多关于角CLI的帮助 ng help 或者去检查一下 角 CLI 概览和命令参考 页 次.
库出版命令
运行 npm run publish-toolkit 以发布 npm 软件包