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

最新推荐文章于 2024-05-24 15:05:38 发布

qq_40413209

最新推荐文章于 2024-05-24 15:05:38 发布

阅读量8.8k

点赞数

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

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

版权

Angular 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<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日期选择框下面的例子第七个