問題タブ [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.
angularjs - mask と uib-datepicker で日付を処理する
ユーザー入力に uib-datepicker と何らかのマスクを使用する方法を探していますが、uib-mask は js Date() 型の操作には適していません。
デフォルトの uib-datepicker サンプルでは、ユーザーは「/」文字を含めて「2016 年 2 月 26 日」のような正確で完全な日付を入力する必要がありますが、ユーザーが入力時に数字だけを入力できるようにしたいと考えています。
angularjs - Angular-UI Datepicker ディレクティブを拡張する
私は Angular-ui-bootstrap の ui-datepicker をよく使用していますが、使用するたびに、毎回同じようにセットアップする必要があります。だから、次のように使用できる custom-datepicker というディレクティブを作成できるかどうか疑問に思っていました
ディレクティブで設定を一度設定すると、サイトのどこでも再利用できるようになります。
以下のようなディレクティブを作成しようとしました
また、テンプレートを使用して、カスタム HTML ラッパーを作成できるようにしています。これまでのところ、サンプルのhtml以外には何もありません
テンプレートHTML
テンプレート html では、ng-mode='ngModel' を実行して、datepicker の ng-model でディレクティブの入力モデルをバインドしようとしていますが、これは正しい方法ではないと思います。
データがJS DateオブジェクトであるこのようなHTMLページでディレクティブを使用します
これはできますか？
javascript - Angular UI の日付ピッカーが空の場合に false として検証される
生年月日を表示するために、Angular 1.4.9 で JqueryUI datepicker(1.0.0) ディレクティブを使用しています。このフィールドは必須ではなく、入力されていない限り検証しないでください。
ページが読み込まれると、フィールドは true (期待どおり) として検証されます。ユーザーが日付を選択すると、再び有効になります。ただし、フィールドを手動で消去すると、フィールドは無効になります。
ng-model前後に同じ値を設定できますが、値は無効のままです。
ここで問題を再現する JSFiddle を作成しました。 https://jsfiddle.net/nipuna777/ctsmuv80/
javascript - Angular.ui Datepicker を使用して日付が表示されない
Datepicker ポップアップを実装しようとしています。Hereにあるように、入門ページの例を使用しています。カレンダー アイコンをクリックすると、ポップアップが表示されますが、日付はありません。左矢印と右矢印だけで、このエラーが発生します。
他のすべてのディレクティブをテストしたわけではありませんが、試したすべてのディレクティブ (ツールチップ、カルーセルなど) は機能します。
ドキュメントから使用したマークアップは次のとおりです。
ドキュメントサイトから使用したJSは次のとおりです。
コンソールエラーは次のとおりです。
javascript - minDate と maxDate に変数を渡す AngularUI Datepicker
Angular UI の Datepicker を、変数として渡された 2 つの日付の間に制限したいと考えています。これは、この問題の作業プランカーです: http://plnkr.co/edit/zsjpoVZtHqJLIP2RW6vm?p=preview
変数は次のとおりです。
実際の最大日付は mymaxmonth の終わりになるため、この場合は「2016-05-31」です。
注意すべきことの 1 つは、実行するとnew Date()、指定された日付の前日の日付が返されることです。例えば：
$scope.minDate が返される場所Wed Mar 30 2016 17:00:00 GMT-0700 (PDT)4 月 1 日ではなく 3 月 30 日が返される理由を調べたところ、タイムゾーン エラーのように見えますか?
mymindate を '2016-04-01' に設定し、mymaxdate = '2016-05-31' を取得して、この範囲外のすべての日付を無効にしたいと考えています。どうすれば月末にたどり着くことができるか、特に頭を悩ませています。javascriptにendofmonth()関数はありますか?
私が持っているコントローラで：
私が持っているテンプレートでは：
datepicker - Angular UI の日付ピッカー。週末を除く今日から 5 日間のみ有効にする
プロジェクトで Angular UI Bootstrap の datepicker ディレクティブを使用しています。当日から 5 日間だけ有効にする必要があるなど、この特定のニーズがあります。週末の場合は、それらを無効にして残りの日を有効にする必要があります。たとえば、金曜日の当日の場合、金、月、火、ウェブ、木を有効にする必要があります。これを実現するために dateDisabled プロパティを使用しています。問題は、過去のすべての月の日付も有効になっていることです。また、私が思いついた解決策はエレガントではないと思います。以下は私のマークアップとコードです。親切に私を助けてください。前もって感謝します。