メニューに進む

@capgo/capacitor-date-picker

Capacitorアプリ向けの日付、時刻、日付時刻、年月、範囲ピッカーです。Webフォールバックも維持されています。

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

これはCapgoの管理対象の代替です。 @capacitor-community/date-picker. The difference is maintenance speed: we listen to community reports, fix issues fast, and ship updates instead of leaving long-standing GitHub issues open.

長期間にわたって__CAPGO_KEEP_0__の問題を残すのではなく。

デモ
セクション「デモ」Android
@capgo/capacitorのiOSアニメーションデモ@capgo/capacitorのAndroidアニメーションデモ

スクリーンショット

スクリーンショット
iOSAndroid
@capgo/capacitorのiOSスクリーンショット@capgo/capacitorのAndroidスクリーンショット

基本機能

基本機能
  • 日付、時刻、日時、年月、カウントダウンスタイルのピッカーを表示します。
  • Select date ranges through presentRange().
  • Format returned values with ISO, Java/Unicode, and common Moment-style patterns.
  • Apply min, max, date, locale, timezone, and 24-hour time options.
  • Use platform-specific iOS and Android option blocks when needed.
  • Close an active picker programmatically with hide().
  • Capacitor 8 support.
  • Web implementation with the same present() API.
  • Dialog title support.
  • iOS 回転安全なレイアウトとロケールの処理。
  • iOS yearAndMonth モード。
  • 無効な日付、ISO文字列、日付のみの値、 min / max.
  • Android ネストされたオプション、 is24h、ダイアログ幅の処理、UIスレッドのダイアログ処理。
  • 時計ピッカーの分単位のステップ。
  • 範囲選択用の presentRange().
機能iOSAndroidWeb
present()YesYesYes
presentRange()YesYesYes
hide()YesYesYes
date modeはいはいはい
time モードはいはいはい
dateAndTime モードはいはいはい
yearAndMonth モードYes__CAPGO_KEEP_0__のフォールバックYes
minuteStepYesYesYes

パブリック API

APIのセクション
メソッド説明
present1つの値のネイティブまたはWebピッカーを表示します。
presentRange日付範囲ピッカーを表示します。ネイティブプラットフォームでは2つのネイティブの選択肢を使用し、Webでは開始と終了のコントロールを一緒に表示します。
hide__CAPGO_KEEP_0__を閉じます。
getPluginVersionプラットフォーム実装バージョンマーカーを取得します。

この参照は src/definitions.ts から capacitor-date-picker.