#HarmonyOS NEXT体验官#HarmoneyOS NEXT应用开发实战《实现账单时间选择器》 原创

@State year:number=new Date().getFullYear()
  @State month:number=new Date().getMonth()+1
  @State day:number=new Date().getDate()


  @State rightYear:number=new Date().getFullYear()
  @State rightMonth:number=new Date().getMonth()+1
  @State rightDay:number=new Date().getDate()
1.
2.
3.
4.
5.
6.
7.
8.

Row(){



          Column(){
            Text(this.year.toString()+"-"+this.month.toString()+"-"+this.day.toString())
              .fontSize(16)
              .fontColor( this.selectIndex===0?"#ff11aeec":$r('app.color.color_999'))

          }
          .margin({right:10})
          .onClick(()=>{
            this.selectIndex=0
          })
          Text("至")
          Column(){
            Text(this.counter>0?this.rightYear.toString()+"-"+this.rightMonth.toString()+"-"+this.rightDay.toString():'结束时间')
              .fontSize(16)
              .fontColor(this.selectIndex===1?"#ff11aeec":$r('app.color.color_999'))

          }
          .margin({left:10})
          .onClick(()=>{
            this.selectIndex=1
            this.counter++
          })



      }
      .margin({top:30})




//这样我们就实现了头部的效果，然后我们把DatePicker 添加进去，在组件的函数
onChange((value: DatePickerResult) 中获取value 。这就是组件切换时选中的时间，我们把时间都赋给我们定义的参数//
  .onChange((value: DatePickerResult) => {

          if (this.selectIndex===1) {
            this.rightYear=value.year
            this.rightMonth=value.month+1
            this.rightDay=value.day
          }else {
            this.year=value.year
            this.month=value.month+1
            this.day=value.day
          }

        })
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.