ngx-timepicker-field添加清除按钮

Question

我正在使用ngx-material-timepicker mid = (start + end) // 2 # use absolute offsets only mergeSort(alist, start, mid) mergeSort(alist, mid, end) i = start # use absolute offsets only j = mid # use absolute offsets only merged = [] # temporary list while i < mid and j < end: # now condition is correct if alist[i] <= alist[j]: merged.append(alist[i]) # use append i = i + 1 else: merged.append(alist[j]) j = j + 1 # add the remainder from the left side merged.extend(alist[i:mid]) # inject back into main list alist[start:start+len(merged)] = merged 创建多个时间选择器。

ngx-timepicker-field

时间选择器工作正常，但是我需要添加一个清除按钮以清除/重置输入。

类似于默认的html时间选择器的内容：

我已经搜索了文档，但是找不到找到它的方法。

如何在时间选择器组件中添加这样的清除按钮？

让我知道您是否需要其他信息。

Answer 1

根据documentation，如果要重置，可以操纵Value @Input（）字段并将其值设置为null。所以类似的事情可能会起作用：

 <ngx-timepicker-field [format]="24" #myPickerRef></ngx-timepicker-field>

并尝试将myValue设置为null并查看其作用：

@ViewChild('myPickerRef') NgxTimepicker(or whatever) myTimePicker;
...
myTimePicker.value = 0;

（我没有检查代码，如果您提供一个stackblitz示例，我可以尝试在其中创建解决方案）

Answer 2

尽管我认为从用户角度来看，拥有一个单独的按钮是完全可以的，但是如果您需要扩展lib的功能而不用分叉它的源代码，则必须采取某种解决方法。

我会尝试这样的操作：根据documentation，您可以将带有@Input() cancelBtnTmpl: TemplateRef的cancelButton的模板引用更改为您自己的实现：切换默认的Cancel按钮后，您可以执行一次重置时间值的功能，如我的其他答案所述。