ap.datePicker 日期选择组件

优质

小牛编辑

128浏览

2023-12-01

ap.datePicker(OPTION | formate, CALLBACK)

选择日期。可直接传入一个字符串作为 OPTION.formate 参数。

OPTION 参数说明

名称	类型	必填	描述
formate	String	否	返回的日期格式，默认 yyyy-MM-dd。支持 HH:mm:ss, yyyy-MM-dd, yyyy-MM-dd HH:mm:ss 三种格式
currentDate	String	否	初始选择的日期时间，默认当前时间
startDate	String	否	最小日期时间
endDate	String	否	最大日期时间

CALLBACK 参数说明

名称	类型	描述
date	String	选择的日期时间

错误码说明

error	描述
11	用户取消操作

代码示例

<script src="https://gw.alipayobjects.com/as/g/h5-lib/alipayjsapi/3.1.1/alipayjsapi.inc.min.js"></script>

<button class="btn btn-default">选择日期</button>
<button class="btn btn-default">选择时间</button>
<button class="btn btn-default">选择日期时间</button>
<script>
  var btnDate = document.querySelector('#J_btnDate');
  var btnTime = document.querySelector('#J_btnTime');
  var btnDateTime = document.querySelector('#J_btnDateTime');
  btnDate.addEventListener('click', function(){
    ap.datePicker({
      formate: 'yyyy-MM-dd',
      currentDate: '2012-12-12',
      startDate: '2012-12-10',
      endDate: '2012-12-15'
    }, function(res) {
      ap.alert(res.date);
    });
  });
  btnTime.addEventListener('click', function(){
    ap.datePicker({
      formate: 'HH:mm:ss',
      currentDate: '12:12:12',
      startDate: '11:11:11',
      endDate: '13:13:13'
    }, function(res) {
      ap.alert(res.date);
    });
  });
  btnDateTime.addEventListener('click', function(){
    ap.datePicker({
      formate: 'yyyy-MM-dd HH:mm:ss',
      currentDate: '2012-01-09 11:11:11',
      startDate: '2012-01-01 11:11:11',
      endDate: '2012-01-10 11:11:11'
    }, function(res) {
      ap.alert(res.date);
    });
  });
</script>