我不要时分 客户也得能修改
时间: 2024-03-15 09:45:20 浏览: 53
layui日期组件只显示时分
如果你不想显示时间,但是仍然需要让用户能够修改日期,可以将 `type="datetime-local"` 改成 `type="date"`,然后在组件中处理日期时间的逻辑。具体实现方式如下:
1. 将 HTML 模板中的 `type="datetime-local"` 改成 `type="date"`,例如:
```html
<td>
<input id="field_inDate"
data-cy="inDate"
type="date"
class="form-control"
name="inDate"
formControlName="inDate"
placeholder="YYYY-MM-DD"
[(ngModel)]="inDate" />
</td>
```
2. 在组件中处理日期时间的逻辑。例如,如果你想将用户选择的日期时间设置为当前日期的 0 点,可以在组件中添加以下代码:
```typescript
import { Component } from '@angular/core';
@Component({
selector: 'app-example',
templateUrl: './example.component.html',
styleUrls: ['./example.component.css']
})
export class ExampleComponent {
inDate: Date;
constructor() {
this.inDate = new Date();
this.inDate.setHours(0, 0, 0, 0); // 将时间设置为 0 点
}
}
```
这样,用户在选择日期后,日期的时间部分都会被设置为 0 点,即不显示时间。用户仍然可以修改日期。
阅读全文