【NG-ZORRO、Angular】日期选择框时间段nz-range-picker设置开始结束时间00:00:00~23:59:59

最新推荐文章于 2023-01-12 16:50:30 发布

qq_40413209

最新推荐文章于 2023-01-12 16:50:30 发布

阅读量9.1k

点赞数

分类专栏： Angular 文章标签： NG-ZORRO angular

本文链接：https://blog.csdn.net/qq_40413209/article/details/89875490

版权

Angular 专栏收录该内容

1 篇文章

订阅专栏

博客围绕NG-ZORRO的日期选择器展开，指出[nzFormat]只能定义固定格式。给出解决办法，通过(ngModelChange)对应方法在ts文件获取前台点击改变的日期数据，利用[(ngModel)]双向特性修改dateRange值来改变格式。还提到可能有另一种用2个DatePicker分别格式化的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<nz-range-picker [(ngModel)]=“dateRange” nzFormat=“yyyy-MM-dd HH:mm:ss” style=“width:80%;” nzSize=“large” (ngModelChange)=“dateRangeOnChange($event)”>
这是html。查看官网[nzFormat]是个字符串，只能定义一个固定的格式。

解决办法：通过(ngModelChange)对应的方法，在ts文件中获取前台点击改变的日期数据，然后修改dateRange的值达到改变格式的效果。利用[(ngModel)]的双向特性。
（相关工作2年多了，第一个博客，因为百度了半天没解决办法，自己想到的。可能对于大神没啥，自己还是很开心的）
另外查看官网时，感觉应该有另一种方法。用2个DatePicker。分别格式化，具体可以查看NG-ZORRO官网DatePicker日期选择框下面的例子第七个