@capgo/capacitor-date-picker

概要

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

Capgo が管理するこのプラグインは @capacitor-community/date-pickerメンテナンスのスピードの違い: コミュニティの報告を聞き、問題を速やかに修正し、長期間 GitHub の問題をオープンにしない代わりに、更新を配信します。

デモ

iOS	Android

スクリーンショット

iOS	Android

基本機能

• ネイティブの日付、時刻、日付時刻、年月、カウントダウンスタイルのピッカーを表示します。
• 日付の範囲を選択するには presentRange().
• 返却される値をフォーマットするには、ISO、Java/Unicode、Momentスタイルの一般的なパターンを使用します。
• 適用 min, max, dateページ/エリア: Capgoのマーケティングサイト。役割: セクションまたはページのヘッダー。表示される場所: page affiliate.astro。メッセージキー `affiliate_step1_title` (Affiliate Step1 Title)。
• ロケール、タイムゾーン、24時間の時刻オプション。
• 必要に応じて、プラットフォーム固有のiOSとAndroidのオプションブロックを使用します。 hide().

アクティブなピッカーをプログラムで閉じるには

• Capacitor 8 サポート。
• Web での実装は同じ present() API。
• ダイアログのタイトルサポート。
• iOS の回転安全なレイアウトとロケールの処理。
• iOS yearAndMonth モード。
• 無効な日付、ISO文字列、日付のみの値、Android のネストされたオプションなどの不正な日付の安全なパース。 min / max.
• Android のネストされたオプション、ダイアログの幅の処理、UI スレッドのダイアログの処理。 is24h時刻ピッカーの 1 分間のステップ。
• 範囲の選択
• Range selection via presentRange().

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

機能	iOS	Android	Web
present()	あり	あり	あり
presentRange()	あり	あり	あり
hide()	はい	はい	はい
date モード	はい	はい	はい
time モード	はい	はい	はい
dateAndTime モード	はい	はい	はい
yearAndMonth モード	はい	日付の代替	はい
minuteStep	はい	はい	はい

一般公開 API

メソッド	説明
present	単一値のネイティブまたはWebピッカーを表示します。
presentRange	日付範囲ピッカーを表示します。ネイティブプラットフォームでは2つのネイティブセレクションを使用し、Webでは開始日と終了日を一緒に表示します。
hide	現在表示されているピッカーを閉じます。
getPluginVersion	プラットフォーム実装バージョンマーカーを取得します。

ソースオブトゥルース

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