专业做网站开发费用,html模板图片,河南免费网站建设哪家好,网站建设的岗位是什么岗位本文 我们来说 TimePicker 时间组件 首先 我们搭一个最基本的组件骨架
Entry
Component
struct Index {build() {Row() {Column() {}.width(100%)}.height(100%)}
}然后 在 Column 组件内 放一个 TimePicker进去
这里 我们就可以看到 一个时间的选择器了 DatePicker 捕获当前…本文 我们来说 TimePicker 时间组件 首先 我们搭一个最基本的组件骨架
Entry
Component
struct Index {build() {Row() {Column() {}.width(100%)}.height(100%)}
}然后 在 Column 组件内 放一个 TimePicker进去
这里 我们就可以看到 一个时间的选择器了 DatePicker 捕获当前日期有点问题 不过 TimePicker 默认的这个当前时间还真是对的
然后 我们鼠标移入组件 点击进入api 参数只有一个 selected 当前选择的时间 默认是系统的当前时间 属性中 只有一个 useMilitaryTime 控制是否展示 24小时制 默认 false 就是 不采用24小时制 而是 12小时 那种上下午的格式 这里 我们编写代码如下
Entry
Component
struct Index {State time:Date new Date(2024-01-08 23:12:28)build() {Row() {Column() {TimePicker({selected: this.time});}.width(100%)}.height(100%)}
}我们声明了一个时间类型的 响应式数据 值为 2024年1月8日 23点12分28秒 绑定了组件 默认选中属性 selected
运行结果如下 显然 12小时 那 我们这个时间 就是对应下午的 11点 分也正确 那么 我们可以设置 useMilitaryTime 我们就要 24小时的
TimePicker({selected: this.time
}).useMilitaryTime(true);运行结果如下 这里 我们用 onChange 监听当前选择时间的改变
TimePicker({selected: this.time
})
.useMilitaryTime(true)
.onChange((value:object) {console.log(JSON.stringify(value));
})我们改完代码 拖动修改当前的选中时间 运行结果如下 监听只到 时分
还是那句话 harmonyOS 的表单是没有数据响应式绑定的 你要自己通过这个json去修改你的值
