支付寶小程序API 選擇日期

my.datePicker

簡(jiǎn)介

my.datePicker 是打開(kāi)日期選擇列表的 API。

掃碼體驗(yàn)

示例代碼

// API-DEMO page/API/date-picker/date-picker.json
{
    "defaultTitle": "Date Picker"
}

<!-- API-DEMO page/API/date-picker/date-picker.axml -->
<view class="page">
  <view class="page-description">選擇日期 API</view>
  <view class="page-section">
    <view class="page-section-title">my.datePicker</view>
    <view class="page-section-demo">
      <button class="page-body-button" type="primary" onTap="datePicker">選擇日期-1</button>
      <button class="page-body-button" type="primary" onTap="datePickerHMS">選擇日期-2</button>
      <button class="page-body-button" type="primary" onTap="datePickerYMDHMS">選擇日期-3</button>
    </view>
  </view>
</view>

// API-DEMO page/API/date-picker/date-picker.js
Page({
  datePicker() {
    my.datePicker({
      currentDate: '2016-10-10',
      startDate: '2016-10-9',
      endDate: '2017-10-9',
      success: (res) => {
        my.alert({
          title: 'datePicker response: ' + JSON.stringify(res)
        });
      },
    });
  },
  datePickerHMS() {
    my.datePicker({
      format: 'HH:mm',
      currentDate: '12:12',
      startDate: '11:11',
      endDate: '13:13',
      success: (res) => {
        my.alert({
          title: 'datePicker response: ' + JSON.stringify(res)
        });
      },
    });
  },
  datePickerYMDHMS() {
    my.datePicker({
      format: 'yyyy-MM-dd HH:mm',
      currentDate: '2012-01-09 11:11',
      startDate: '2012-01-01 11:11',
      endDate: '2012-01-10 11:11',
      success: (res) => {
        my.alert({
          title: 'datePicker response: ' + JSON.stringify(res)
        });
      },
    });
  },
});

/* API-DEMO page/API/date-picker/date-picker.acss */
button + button {
  margin-top: 20rpx;
}

入?yún)?/h4>

Object 類(lèi)型，屬性如下：

屬性	類(lèi)型	必填	描述
format	String	否	返回的日期格式。
currentDate	String	否	初始選擇的日期時(shí)間，默認(rèn)當(dāng)前時(shí)間。
startDate	String	否	最小日期時(shí)間。
endDate	String	否	最大日期時(shí)間。
success	Function	否	調(diào)用成功的回調(diào)函數(shù)。
fail	Function	否	調(diào)用失敗的回調(diào)函數(shù)。
complete	Function	否	調(diào)用結(jié)束的回調(diào)函數(shù)（調(diào)用成功、失敗都會(huì)執(zhí)行）。

返回的日期格式有：

• yyyy-MM-dd（默認(rèn)）。
• HH:mm 。
• yyyy-MM-dd HH:mm 。
• yyyy-MM（最低基礎(chǔ)庫(kù)：1.1.1，可用 canIUse('datePicker.object.format.yyyy-MM') 判斷）。
• yyyy（最低基礎(chǔ)庫(kù)：1.1.1，可用 canIUse('datePicker.object.format.yyyy') 判斷）。

success 回調(diào)函數(shù)

入?yún)?Object 類(lèi)型，屬性如下：

錯(cuò)誤碼