---
order: 0
title:
  zh-CN: 基础
  en-US: Basic
---

## zh-CN

使用 `ngModel`、`ngModelEnd` 来表示开始与结束值。

## en-US

Start and end values with `ngModel`, `ngModelEnd`.

```ts
import { Component } from '@angular/core';

@Component({
  selector: 'app-demo',
  template: `
  result: {{i | json}}<br>
  <range-picker [(ngModel)]="i.start" [(ngModelEnd)]="i.end"></range-picker>
  `,
})
export class DemoComponent {
  i: any = {};
}
```