問題タブ [pikaday]

私は pikaday を使用していますが、これは本当にまともな日付ピッカーです。特定の日付をマークまたは強調表示する可能性はありますか? これにより、ユーザーは「通常の」日付と「重要な」日付を一目で区別できるようになります。

プロジェクトにA ngular Pikadayを実装しようとしましたが、Pikaday ディレクティブのオプションを設定できません。minDate特にまたはmaxDateオプションの場合、グローバルに実装するものはありません。IDで要素を取得しようとすると、うまくいきます。

何が欠けているのか知りたいです。

フィドル

日付を設定するフィールドがあります。このフィールドは、YYYYMMDD 形式のデフォルト値を持つことができ、オペレーターが理解できる正しい形式 DD.MM.YYYY に変換されます。理由は聞かないでください。これは古いシステムであり、大きなバックエンドを使用しているため、書き直すことはできません。

これらのフィールドに単純な日付ピッカーを追加するだけです。私は、この特定のタスクに十分軽量でシンプルな Pikaday を選択しました。私の典型的なユースケースは次のようになります。

元のコードは input タグです。残りは、私の新しい日付ピッカー機能です。

そして今、問題は何ですか。問題はデフォルト値です。デフォルト値が 20151023 だとしましょう。customType 属性は 2015 年 10 月 23 日の正しい日付を作成する必要がありますが、次の Pikaday スニペットは 20.03.1023 の日付を作成します。どうしてか分かりません。私はJavaScriptをよく理解していませんが、onSelectパラメータは、ユーザーが日付ピッカーボタンをクリックした場合にのみ呼び出される一種の匿名コールバック関数だと思います.

何か提案はありますか？

ありがとう、ジクラ

編集：

別の問題があるようです。バックエンドから値が来る場合、それは 20151023 のような値の形式です。また、値を解析して適切な形式 23.10.2015 を作成する関数を含む古い JavaScript ファイルがあります。問題は、私の Pikaday コンストラクターがその古代のパーサーの前に呼び出されていることです。私が jazZRo による有望なスニペットを使用して Pikaday 呼び出しの前に値を変更した場合でも、その古いパーサーは YYYYMMDD 形式を想定しているため、びっくりします。したがって、必要なのは、古代のパーサーの後に自分のものを呼び出すか、Pikaday コンストラクターで onSelect コールバック関数を禁止して、ページの読み込み時に実行しないようにすることです。

それは可能ですか？

Pikaday日付ピッカー スクリプトを使用しようとしていますが、正常に動作していますが、フィールドとアイコンをクリックしてトリガーしたいと考えています。

次のようなメソッドを使用しjQueryてバインドしています。

これは問題なく動作しますが、ドキュメントに記載されているようにトリガーオプションを試してみました..

これも機能しますが、 idを持つ要素でのみ機能します。used_from_calid の入力フィールドでは機能しなくなりましたused_from。

次のような複数のセレクターを使用してみました。

...しかし、これは最初の要素でのみ機能しました。

コードペン: http://codepen.io/anon/pen/RWJyQL

Angular-Pikadayディレクティブを使用しています。日付の選択と取得は正常に機能します。pikaday datepicker から選択すると、pikaday 入力要素の値が適切に変更されます。

コードを介して pikaday 入力要素の値を変更したい。つまり、何らかのアクションでコントローラーから変更したい。

ng-model を割り当ててみましたが、値が変わりますが、pikaday datepicker で認識されません。

プランカーへのリンク

pikaday 入力要素の値を変更するにはどうすればよいですか。

ありがとう、

で使用しようとしていますpikadayがmoment、どういうわけか機能させることができません。

次のように使用しようとしてaurelia custom-attributeいます。

momentの前にインポートしたにもかかわらずpikaday、機能していません (他の SO の質問と GitHub の問題でアドバイスされているように)、getMoment() は常に null です。日付でさえ、デフォルトでは に従ってフォーマットされていませんformat。

また、コードの最初のブロックで適切に設定されていないため、hasMoment常にfalseにあることもわかりました( as can be ssen below のソースで):pikaday.jspikaday

momentそのため、間違った方法でインポートしている可能性があると思いました。誰でもこれについて私を助けてもらえますか?

追加の詳細: 私のプロジェクト設定は次のとおりです。

tsconfig.json

私も使用していsystem.jsます：

回避策: 内部main(aurelia 構成):

そして、はい、私はそれが醜いことを知っていますが、仕事をします:)

2016-02-07 00:00:00 などのデータベースからの日時文字列がある場合、「DD MMM YYYY」の形式を使用して入力フィールドにこれを表示するにはどうすればよいですか

moment.js を定義し、次の pikday インスタンスを作成しましたが、デフォルトの設定値が希望どおりに表示されません。代わりに、入力フィールドには として表示され20 Jan 0000ます。どうすれば pikaday に有効な日時文字列を希望の形式で表示させることができますか?

moment.js によって無視される文字列を含むカスタム形式を定義することは可能ですか?

次のような日付文字列があります。

14-Apr [not valid]

moment.js を介して渡す前に日付を変更する可能性はありません。moment.js がこのようなケースに対処する方法を提供するかどうか疑問に思っています。

Moment.js は、同時にhandsontable.jsライブラリによって使用されているpikaday.js ライブラリによって使用されています。

pikaday.jsには のようなコールバックがなくonBeforeOpen、handsontable.js にもそれがありません。