コンテンツにジャンプ

@capgo/capacitor-date-picker

ネイティブの日付、時刻、日付時刻、年月、範囲ピッカーをCapacitorアプリに提供し、Webフォールバックを維持します。

@capgo/capacitor-date-picker Capacitor アプリには、日付、時刻、日付時刻値、年月値、日付範囲のネイティブピッカー API が提供されます。 UIDatePicker iOSでは、プラットフォームダイアログを使用し、Androidではプラットフォームダイアログを使用し、Webではネイティブブラウザ入力を使用します。

Capgo の管理されている代替品です @capacitor-community/date-pickerメンテナンスのスピードの違い: コミュニティの報告を聞き、問題を速やかに修正し、長期間 GitHub の問題をオープンにしない代わりにアップデートを出します。

iOSAndroid
iOSのアニメーションで@capgo/capacitor-date-pickerが開き、日付を選択し、閉じるAndroidのアニメーションで@capgo/capacitor-date-pickerが開き、日付を選択し、閉じる
iOSAndroid
iOSのスクリーンショットで@capgo/capacitor-date-pickerがnative date pickerを表示capgo/capacitorのAndroidスクリーンショット

基本機能

基本機能
  • ネイティブの日付、時刻、日付時刻、年月、カウントダウンスタイルのピッカーを表示します。
  • 範囲を選択する presentRange().
  • ISO、Java/Unicode、Momentスタイルのパターンで値をフォーマットします。
  • 適用 min, max, dateロケール、タイムゾーン、24時間時刻オプションを使用します。
  • 必要に応じて、プラットフォーム固有のiOSとAndroidのオプションブロックを使用します。
  • アクティブなピッカーをプログラムで閉じる hide().

コミュニティ修正

コミュニティ修正
  • Capacitor 8サポート。
  • 同じWeb実装 present() API。
  • ダイアログタイトルサポート。
  • iOSの回転安全なレイアウトとロケールハンドリング。
  • iOS yearAndMonth モード。
  • 無効な日付、ISO文字列、日付のみの値、Androidのネストされたオプションのための安全なパース、ダイアログ幅のハンドリング、UIスレッドのダイアログハンドリング。 min / max.
  • Android is24h分単位のステップの時刻ピッカー。
  • 範囲選択のための
  • __CAPGO_KEEP_0__ presentRange().

プラットフォームサポート

プラットフォームサポート
機能iOSAndroidWeb
present()ありありあり
presentRange()ありありあり
hide()はいはいはい
date モードはいはいはい
time モードはいはいはい
dateAndTime モードはいはいはい
yearAndMonth モードはい日付の代替はい
minuteStepはいはいはい
メソッド説明
present1つの値のためのネイティブまたはWebピッカーを表示します。
presentRange日付範囲ピッカーを表示します。ネイティブプラットフォームでは2つのネイティブの選択肢を使用します。Webでは開始日と終了日を一緒に表示します。
hide現在表示されているピッカーを閉じます。
getPluginVersionプラットフォーム実装バージョンマーカーを取得します。

このリファレンスは src/definitions.ts __CAPGO_KEEP_0__-date-picker capacitor-date-picker.