HarmonyOS开发47：时间滑动选择器组件DatePicker和TimePicker

DatePicker和TimePicker都是时间选择器。

• DatePicker：表示年月日
• TimePicker：表示时分秒

ability_main.xml代码：

<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayout
    xmlns:ohos="http://schemas.huawei.com/res/ohos"
    ohos:height="match_parent"
    ohos:width="match_parent"
    ohos:alignment="center"
    ohos:orientation="vertical">

    <DatePicker
        ohos:id="$+id:datepicker"
        ohos:height="match_content"
        ohos:width="300vp"
        ohos:normal_text_size="20fp"
        ohos:selected_text_size="20fp"
        />

    <Text
        ohos:id="$+id:text"
        ohos:height="40vp"
        ohos:width="300vp"
        ohos:text_size="35fp"
        />

    <TimePicker
        ohos:id="$+id:timepicker"
        ohos:height="match_content"
        ohos:width="300vp"
        ohos:normal_text_size="20fp"
        ohos:selected_text_size="20fp"
        />

</DirectionalLayout>

MainAbilitySlice.java代码：

package com.example.timepickerapplication.slice;

import com.example.timepickerapplication.ResourceTable;
import ohos.aafwk.ability.AbilitySlice;
import ohos.aafwk.content.Intent;
import ohos.agp.components.Component;
import ohos.agp.components.DatePicker;
import ohos.agp.components.Text;
import ohos.agp.components.TimePicker;

public class MainAbilitySlice extends AbilitySlice implements DatePicker.ValueChangedListener, TimePicker.TimeChangedListener {
    Text text;

    @Override
    public void onStart(Intent intent) {
        super.onStart(intent);
        super.setUIContent(ResourceTable.Layout_ability_main);

        //1.找到两个组件
        DatePicker datePicker = (DatePicker) findComponentById(ResourceTable.Id_datepicker);
        TimePicker timePicker = (TimePicker) findComponentById(ResourceTable.Id_timepicker);
        text = (Text) findComponentById(ResourceTable.Id_text);

        //2.给时间滑动选择器设置事件（监听）
        datePicker.setValueChangedListener(this);
        timePicker.setTimeChangedListener(this);


    }

    //每当datePicker里面的值改变时，系统会自动调用下面的放法
    //参数一：值发生变化的DatePicker
    //参数二~四：年月日
    @Override
    public void onValueChanged(DatePicker datePicker, int year, int month, int day) {
        text.setText(year + "年" + month + "月" + day + "日");
    }

    //参数一：值发生变化的DatePicker
    //参数二~四：时分秒
    @Override
    public void onTimeChanged(TimePicker timePicker, int hour, int minutes, int second) {
        text.setText("时间为" + hour + ":" + minutes + ":" + second);
    }

    @Override
    public void onActive() {
        super.onActive();
    }

    @Override
    public void onForeground(Intent intent) {
        super.onForeground(intent);
    }

}

运行效果：