鴻蒙 Picker日期選擇器實現教程

* 建立人： xuqing

* 類說明：底部選擇器彈窗

* */

public class pickerdialog extends commondialog implements component.clickedlistener ;

component layout;

public pickerdialog(ability context, pickerdialoglistener listener)

@override

protected void oncreate()

private void initview()

});picker.setvaluechangedlistener((picker1, oldval, newval) -> );

picker.setformatter(i ->

return value;

});}

@override

public void onclick(component component) }}

pickerdialog 繼承sdk的 commondialog 並重寫 oncreate 方法 和自己的構造方法 然後我們載入了pickerdialog 的布局檔案

這邊我們寫了2個button 和乙個picker 選擇器元件 我們在pickerdialog 中填充我們的布局檔案 然後初始化我們的控制項

@override

protected void oncreate() 

picker= (picker)layout.findcomponentbyid(resourcetable.id_test_picker);

cancelbtn= (button) layout.findcomponentbyid(resourcetable.id_cancel_btn);
affirmbtn= (button) layout.findcomponentbyid(resourcetable.id_affirm_btn);
cancelbtn.setclickedlistener(this);
affirmbtn.setclickedlistener(this);

private  stringgetstr=;

picker.setdisplayeddata(getstr);

picker.setvaluechangedlistener((picker1, oldval, newval) -> );

picker.setformatter(i -> 

return value;
});

package com.example.picker;

import com.example.picker.dialog.pickerdialog;
import com.example.picker.listener.pickerdialoglistener;
import com.example.picker.slice.mainabilityslice;
import ohos.aafwk.ability.ability;
import ohos.aafwk.content.intent;
import ohos.agp.components.button;
import ohos.agp.components.component;
import ohos.agp.components.tablelayout;
import ohos.agp.components.text;
import static ohos.agp.utils.layoutalignment.bottom;
public class mainability extends ability 
private void initview() 
@override
public void getpickerstrerror() 
});dialog.setalignment(bottom);
dialog.show();
}});}}
}

<?xml version="1.0" encoding="utf-8"?>

碼雲：

Layui實現日期選擇器限定

試跑日期 時間片 天 周月季度 選擇時間片後進行改變時間限定,主要區分季度和當月，原因時資料庫根據月份資料分表，需要根據月份查不同的表。layui的時間選擇器使用方法可以看看官方文件。layui.use laydate jquery form admin function endtime.confi...

bootstrap 日期範圍選擇器 日期選擇器

1日期選擇器 your date range picker 2日期範圍選擇 your date range picker 3 引數解釋 startdate 設定預設的開始日期 格式 mm dd yyyy 示例 startdate 10 14 2017 enddate 設定預設的結束日期 格式 mm ...

jQuery日期選擇器

jquery日期選擇器開始時間與結束時間校驗。function changestarttime e function changeendtime e 校驗會議報名開始時間 結束時間 function signupstarttime e 會議報名結束時間不能晚於會議結束時間 function sign...