用时间选择器时,获取当前时间,并把当前时间作为参数放在url里,进行请求

本文介绍了在Angular CLI项目中,如何利用NG-ZORRO的时间选择器组件获取当前时间,并将时间值作为参数添加到URL中,进行HTTP请求。文章详细展示了时间选择器的使用,包括初始默认日期设置、事件监听以及数据传递的修复过程。
摘要由CSDN通过智能技术生成

我用的是angular cil,组件库是NG-ZORRO

引用Zorro里的时间选择器:链接

我感觉我的很low,以后还会改进

在新建组件a里(我这里用组件是为了方便演示),
注意:引用NG-ZORRO的时间选择器组件时,有引入条件
a.html

<nz-date-picker [(ngModel)]="date" (ngModelChange)="onChange($event)"></nz-date-picker>

date就是初始默认的日期,ngModelChange是日前选中事件,都在a.ts文件里定义,原始定义:
a.ts

var data:any;
  onChange(result: Date): void {
    console.log('onChange: ', result);
  }

我的代码:
a.html

        <nz-date-picker [(ngModel)]="date2" (ngModelChange)="onChange2($event)"></nz-date-picker>

a.ts

export class DianqiComponent implements OnInit {
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值