問題タブ [eonasdan-datetimepicker]

テーブル内のパネル内でbootstrap-datetimepickerを使用しています。そのテーブルには、結果に特定の高さを強制するための固定オーバーフローがあります。副作用は、boostrap-datetimepicker が上部パネルの下に表示されることです。固定の高さでスクロールできないため、テーブルのオーバーフロー y を変更できません。

widgetParent を変更しようとしましたが、正しく動作させることができませんでした。

テーブルからオーバーフロー管理を削除すると機能することはわかっていますが、テーブルも完全な高さです...

html は次のとおりです。

コンソール ログはこのエラーを返します

このバージョンの Meteor 1.4.1.1 とtsega:bootstrap3-datetimepicker v4.17.37_1 およびmomentjs:moment v2.14.4 パッケージで meteor を使用しています。

例に従って、日時ピッカーを初期化する次のコードがあります。

moment.js パッケージが機能していないというフラグが立てられていることを読みました。

「フラグが立てられたパッケージ このパッケージは、コミュニティによって動作しないというフラグが付けられました。ご自身の責任で使用してください。」

そこで、moment.js の NPM バージョンを使用してみました。

しかし、コンソールは同じエラーを返します

TypeError: locale() locale it is not loaded from moment locales!

作成したらすぐに自動的に開きたいdatetimepickerがあります。作成後にメソッドを呼び出してみましたshowが、動作しますが、その後閉じません!

たとえば、ウィジェットの外側をクリックしたり、フォーカスを失ったりすると、ウィジェットが閉じることを直感的に期待しています。

自動的に表示するためのより良い方法はありますが、フォーカスを失ったり外側をクリックしたりすると自動的に閉じますか?

更新: 日付ピッカーが Bootstrap モーダル ポップアップ内にある場合にのみ問題になるようです。更新された例を参照してください。

私はeonasdan datetimepickerを使用しています。オプションを使用してデフォルトの日付を選択しました。chrome、firefox 47.0、および microsoft edje 25.1 を使用してページを開きました。

• Firefox の場合: テキスト フィールドに日付が表示されます。しかし、アドレスバーに移動して「Enter」を押すと、テキストフィールドに表示された日付が消えます。
• Chrome と edje の場合: ページが開いたときに、テキスト フィールドに日付が表示されません。

この質問fiddleのフィドルを作成しました。フィドルで発生することは、Google Chrome および Internet Explorer の場合と同じです。

問題を修正したdatetimepickerの「viewDate：true」オプションを使用してみました。しかし、別の問題が発生しました。カレンダー アイコンをクリックしてもカレンダーが表示されません。

なぜこれが起こっているのか分かりません。どんな助けでも大歓迎です。

フィドルの同じコードを以下に示します。

Bootstrap 3 Datepicker のヘルプが必要です (マニュアルへの参照https://eonasdan.github.io/bootstrap-datetimepicker/ )。

これは私のフォームのスクリーンショットですhttp://joxi.ru/VrwWzpeiKn4jQr 「日付」フィールドで日付と時刻を選択するために Bootstrap 3 Datepicker を使用します。選択プロセス、スクリーンショット - joxi.ru/Q2KD1jqu9Dvy5A

フィールド「日付」には制限があり、ユーザーは 8 日以上経過している日付のみを選択できます。日付の選択中に問題が発生します。日付より前の時刻を選択した場合 (最初に時計をクリックすると、スクリーンショット -joxi.ru/zANp6QBflYj1xm ) 日付ピッカーは「日付」フィールドをまったくクリアします。

フィールド「日付」のクリアを停止するには? 2 つ目の質問ですが、ユーザーが日付を選択するまで時間を選択できないように Datepicker プラグインを構成するにはどうすればよいですか?

エラー: スクリーンショット - joxi.ru/YmE13qpfZpMG1m、矢印をクリックして時刻の値を選択すると、「日付」フィールドがクリアされ、時刻を変更できなくなります。これは parameter によるものだと思いますminDate。この param がコメントされていれば、エラーはありません!

コード：

私は現在のダッシュボードでこれを使用しています。その中のカレンダーはユーザーフレンドリーではありません。たとえば、年、月、時間の選択は選択のドロップダウンで機能します。より良いカレンダーを備えたこれを使用したいと思います。私のダッシュボード コンテキストの日時範囲ピッカーの機能要件は以下のとおりです。

1. 日付範囲の選択が必要です
2. 上記の Bootstrap Calendar のような優れたカレンダー (年、月、時間の選択が優れている)

誰かが私が使用できるより良いオープンソースプラグイン/ディレクティブを提案できますか、または次の2つのプロジェクトの拡張として作成された他のプロジェクトがある場合

日付範囲ピッカー

Eonasdan ブートストラップ DateTime ピッカー

また、次の興味深いプロジェクトも見つけました - http://www.jqueryrain.com/demo/jquery-date-time-picker/

しかし、それでも私の要件を満たしていません。

• 概要

私の要件に理想的なプラグインであるDate Range Pickerを使用していますが、より良いカレンダーの選択はありません。 Bootstrap DateTime Pickerのようなカレンダーの選択を好みます。Bootstrap DateTime Pickerからカレンダーを取得してDate Range Picker にマージする方法だけでなく、より良いソリューション/プラグインを提案してくれる人もいます。

eonasdan の datepicker を使用しています ( https://github.com/Eonasdan/bootstrap-datetimepicker )

うまく機能しますが、テーブル内に配置すると、テーブルのスタイルが継承されます。デートピッカーもテーブルになるかのようです。

どうすればこれを回避できますか?

私のCSSには次のものがあります：

これは私のhtmlファイルです：

これにより、テーブル ヘッダーのテキストが赤に設定されます。また、日付ピッカーの曜日と月の名前を赤に設定します。pickdate クラスが datepicker をロードすることに注意してください

ウェブサイトに eonasdan のブートストラップ datetimepicker プラグインを使用しています。私の Web サイトは ASP.NET MVC 5 で実行されており、jQuery 1.10.2、ブートストラップ 3.3.6、requirejs、およびその他のいくつかのプラグインが含まれています。私が抱えている問題は、datetimepicker が Safari (iphone、ipad) で正しく機能しないことです。テキストボックスをクリックするとカレンダーが表示されますが、日付をクリックするとカレンダーが閉じ、日付を選択したり、テキストボックスに入力したりしません。タッチイベントでその領域をクリックできないようです。別のアプリケーションでプラグインを実行してみましたが、問題なく動作しましたが、何らかの理由でこの Web サイトでは動作しません。jQuery 2 にアップグレードしようとしましたが、同じ結果が得られました。エラーもログも記録されないため、何が起こっているのかわかりません。誰かがこれを修正する方法についてアドバイスをください。

カレンダーのスクリーンショットは次のとおりです。

私はeonasdan bootstrap-datetimepickerを使用しています。UTC 時間 (時間を含む) で作業しようとしていますが、maxDate は現地時間を参照しているようです。

例として、UTC 時間の午前 10:00 に時間を制限したい場合があります。datetimepicker で時刻の変更を許可する必要がありますが、UTC 時間の午前 10:00 を超えないようにします。私は+3タイムゾーンなので、13時まで行けます。

これがフィドルです：http://jsfiddle.net/vvtwq0xm/1/

私の日付は UTC ですが、maxTime は UTC までの時間 (時間) を尊重していないようです。現在の現地時間まで移動できます。

とにかくUTCで動作させるには？

ps：理解を深めるために説明を追加しました。UTC の日付と時刻 (時間) を尊重することに興味があります。