Touch and hold the image
diff --git a/en/application-dev/ui/ui-js-components-picker.md b/en/application-dev/ui/ui-js-components-picker.md
index bd8450ea4da72b9cc812c9f67341c4b57ef3fb88..b02c44441493d6b11eb508e1f96a490804288f99 100644
--- a/en/application-dev/ui/ui-js-components-picker.md
+++ b/en/application-dev/ui/ui-js-components-picker.md
@@ -1,18 +1,17 @@
-# <picker> Development
+# \
Development
+The **\** component supports common, date, time, data and time, and multi-column text selectors. For details, see [picker](../reference/arkui-js/js-components-basic-picker.md).
-The **<picker>** component supports common, date, time, data and time, and multi-column text selectors. For details, see [picker](../reference/arkui-js/js-components-basic-picker.md).
+## Creating a \ Component
-## Creating a <picker> Component
-
-Create a **<picker>** component in the .hml file under **pages/index**.
+Create a **\** component in the .hml file under **pages/index**.
```html
picker
-
+
```
```css
@@ -32,7 +31,7 @@ Create a **<picker>** component in the .hml file under **pages/index**.
## Setting the Picker Type
-Set the **type** attribute of the **<picker>** component. For example, set it to **date**.
+Set the **type** attribute of the **\
** component. For example, set it to **date**.
```html
@@ -71,14 +70,13 @@ export default {
![en-us_image_0000001267647893](figures/en-us_image_0000001267647893.gif)
> **NOTE**
->
->When setting the value range of a common selector, you must use the data binding mode.
+>
+> When setting the value range of a common selector, you must use the data binding mode.
## Setting the Time Format
-Set the **hours** attribute to specify the time format used by the time selector. Available values include **12** and **24**, indicating the 12-hour format and 24-hour format, respectively.
-
+Set the **hours** attribute to specify the time format used by the time picker. Available values include **12** and **24**, indicating the 12-hour format and 24-hour format, respectively.
```html
@@ -115,7 +113,7 @@ Set the **hours** attribute to specify the time format used by the time selector
## Adding Response Events
-To confirm and cancel selection, add **change** and **cancel** events.
+Add the **change** event to confirm selection and the **cancel** event to cancel selection.
```html
@@ -169,7 +167,7 @@ export default {
## Example Scenario
-Implement a health check-in application by using the **<picker>** component.
+Implement a health check-in application by using the **\** component.
```html