問題タブ [angular-ui-datepicker]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
0 に答える
405 参照

jquery - タブレットの場合、選択した日付の後に ui-bootstrap datepicker ポップアップが閉じない

これは、私が使用している日付ピッカーの HTML マークアップです。ポップアップから日付を選択すると、ポップアップは閉じるはずですが、これは機能しません。属性を追加すると機能datepicker-append-to-body="true"しますが、この属性がないと、日付が選択された後に日付ピッカーのポップアップが閉じません。モーダルで日付ピッカーを表示しているため、この属性を指定したくありません。また、モーダルが開いているときに日付ピッカーを本文と一緒にスクロールさせたくありません。

changeDateにeventListenerを追加するなどの解決策を試しましたが、

しかし、これは機能していません。イベントをリッスンしていません。こんなこともやってみたのですが、

しかし、これもうまくいかないようです。autoclose プロパティを true に設定しても機能しません。

誰か助けてくれませんか?いくつかの解決策を試しましたが、うまくいきません。

0 投票する
1 に答える
634 参照

angular-ui-bootstrap - uib-datepicker を 1 年だけに制限する

uib-datepicker を 1 年だけに修正するにはどうすればよいですか。(今年のみと言う)。

検索してみましたが、見つけることができたのは、カレンダーを年モードのみに制限することだけでした。datepicker-options で設定しようとしyear:2016 ましたが、うまくいきませんでした。

助言がありますか ???

0 投票する
1 に答える
653 参照

javascript - 瞬間と同時刻になるのを防ぐ方法

応募の目的は、当日のイベントをうまく作ることです。ユーザーがイベントを作成できると同時に、同じ期間にすでにイベントが存在します。

存在する場合、同時にイベントを作成しないようにする簡単なオプションはありますか?

デモ: http://plnkr.co/edit/k450PRyeG8c2vIxnrCYV?p=preview

Timepickerを設定する必要があるminと思いますmax

毎回更新されます。

0 投票する
1 に答える
2997 参照

angularjs - Angular UI Bootstrap Datetimepicker with seconds

angularjsコントローラーでブートストラップdatetimepicker入力値を取得したい。これを実現するために、次のカスタム ディレクティブを使用しています。しかし、私は値が未定義であることを取得しています。問題に関連する html および angular コードに関連するコードを追加しました。

HTML

JS

0 投票する
1 に答える
1541 参照

angularjs - ui-grid の問題を伴う ui-datepicker

ui-grid の editableCellTemplate を更新して ui-datepicker を含めようとしているので、ユーザーは firefox または IE を使用して日付を選択できるようになりますが、成功しません。これが私がやろうとしていることを使ったプランカーですeditableCellTemplate: '<div style="display:inline-block; min-height:290px; position:absolute;"><div uib-datepicker class="well well-sm" datepicker-options="dateOptions" ng-focus="open()" style="background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 0; padding: 8px;" >'

0 投票する
0 に答える
508 参照

datepicker - angular UIB datepicker を使用して、月の特定の日付のみを有効にし、他のすべての日付を無効にする方法

プロジェクトで角度のある UIB 日付ピッカーを使用しています。月にいくつかの日付を有効にしてから、他のすべての日付を無効にする必要があります。たとえば、次の日付を有効にする必要があります: 10th jan 201717th jan 2017および27th jan 2017

今のところ、1 か月のすべての日付を無効にすることができます。有効な日付はすべて黒色で強調表示され、現在の日付は強調表示されません。

ここに私のプランカーリンクがあります:

https://plnkr.co/edit/1EDNrhPHCaxBQCh4hQwT?p=preview

0 投票する
2 に答える
158 参照

angularjs - Angular $compile により、Datepicker ポップアップ ボックスがわずかに誤動作する

更新 1: 詳細を追加します。
更新 2: 問題を再現するためにプランカー コードを追加しました。以下のリンクを参照してください。
更新 3: github の angular チームから返信がありました。ここで確認してください
更新 4: AngularJS チームの要求に応じて、github に更新を投稿しました。また、以前に追加した提案された解決策は、新しい視覚的な問題を引き起こしていることが判明しました。以下の詳細を参照してください。
更新 5: Angular チームから別のフィードバックを取得します。80% 解決に近づいていると思います。

プロジェクトに Angular UI の datepicker を実装しました。しばらくすると、ポップアップ ボックスを開いて月をクリックして別の月に変更すると、別のポップアップ ウィンドウが既存のポップアップの上に表示されることに気付きました。詳細については、以下のスナップショットを参照してください。

ここに画像の説明を入力

もともと、月をクリックすると、現在のポップアップが消え、別のポップアップが表示されて新しい月が選択されるはずです。

ただし、月 (下の黄色で強調表示) を 2 回クリックすると、ポップアップが消えて正常に動作します。しかし、日付を選択すると、問題が再発します。

angular ui datepicker の公式デモ Web サイトと同じサンプル コードを使用しています。関連する Web サイトと plunker コードの下を見つけます。

http://angular-ui.github.io/bootstrap/versioned-docs/1.3.3/#/datepickerPopup http://plnkr.co/edit/lEgJ9eC9SzBWsgVhhQkq?p=preview

私のコードは、上記の plunker サンプルのコードとまったく同じです。唯一の違いは、$compile必要なフィールドの検証を動的に追加するためにサービスを使用していることです。

$compile()広範なトラブルシューティングの後、サービスがこの動作を引き起こしていることがわかりました。いくつかの調査を行ったところ、この$compileサービスによってドロップダウン リストまたはselect要素のアイテムが重複することもわかりました。提案された回避策を使用しましたが、うまくいきました。以下のコードを参照してください。

私が使用している理由は、このアプローチhere$compileを使用して、DB から要素に動的検証ルールを追加するためです。

github で angular チームから返信を受け取った後、彼らがこの修正を提案していることがわかりました:

提案された修正を適用しようとすると、多数のエラーが発生します。使用するとterminal=true、「ng-init」の下の内部要素のすべてのコードが実行されなかったようです。多くのスコープ変数が「未定義」になることに気付きました。

これは、解決策を見つけるためのgithub の最終更新です。以下のコードを参照してください。

私のプロジェクトで正しい方法で修正を適用するためにあなたの助けに感謝します. コードの関連部分については、こちらを参照してください


以前に解決策を投稿しましたが、その後削除しました。後になって、以前に報告したものよりも悪い、おかしなスタック効果が発生していることに気付きました。

完全な詳細を含む github の更新は次のとおりです。

https://github.com/angular/angular.js/issues/15956#issuecomment-300324812

AngularJS チームから返信があり次第、更新を続けます。

恒久的な解決策が見つかるまで、しばらくお待ちください。


古い提案された解決策:

この問題を回避するには、$compileサービスを使用しないでください。または、このコード サンプルを使用して問題を解決する必要がある場合:

これが同じ問題に直面している他の人にとって価値があることを願っています。