タグ付けされた質問 「datepicker」

日付ピッカーは、多くのフレームワークのユーザーインターフェイス要素であり、ユーザーが日付を選択できるようにします。場合によっては、多くの場合、視覚的なカレンダーを使用して時刻を選択することもできます。

12
jQuery日付/時刻ピッカー[終了]
閉まっている。この質問はスタックオーバーフローのガイドラインを満たしていません。現在、回答を受け付けていません。 この質問を改善してみませんか?Stack Overflowのトピックとなるように質問を更新します。 6年前休業。 ロックされています。この質問とトピックへの回答はロックされています。質問はトピックから外れていますが、歴史的に重要です。現在、新しい回答や相互作用を受け入れていません。 日付と時刻の両方を処理できる適切なjQueryプラグインを探していました。コアUI DatePickerはすばらしいですが、残念ながら私も時間をかけることができる必要があります。 DatePickerが時間とともに機能するためのハッキングをいくつか見つけましたが、それらはすべて非常に洗練されていないようで、Googleは何もうまくいきません。 使用可能なインターフェイスを持つ単一のUIコントロールで日付と時刻を選択するための優れたjQueryプラグインはありますか?

16
jQuery Datepicker onchangeイベントの問題
私はあなたがフィールドを変更すると検索ルーチンを呼び出すJSコードを持っています。問題は、Datepickerが入力フィールドを更新するときに発生するjQueryイベントが見つからないことです。 何らかの理由で、Datepickerがフィールドを更新するときにchangeイベントは呼び出されません。カレンダーがポップアップすると、フォーカスが変わるため、使用できません。何か案は?
239 jquery  datepicker 

19
Jelly Bean DatePickerDialog —キャンセルする方法はありますか?
--- モデレーターへの注意:今日(7月15日)、私は誰かがすでにこの問題に直面したことに気付きましたここに。しかし、私は問題についてより良い説明を提供したと思うので、これを複製として閉じることが適切かどうかはわかりません。他の質問を編集して、そこにこのコンテンツを貼り付ける必要があるかどうかはわかりませんが、他の誰かの質問をあまりにも変更することに抵抗があります。--- ここに変なものがあります。 問題は、ビルドするSDKに依存するとは思わない。重要なのは、デバイスのOSバージョンです。 問題#1:デフォルトでの不整合 DatePickerDialogジェリービーンに(?)に変更となりましたのみ提供して完了を [ ]ボタンます。以前のバージョンには[ キャンセル ]ボタンが含まれており、これはユーザーエクスペリエンスに影響を与える可能性があります(以前のAndroidバージョンとの不整合、筋肉のメモリ)。 複製:基本的なプロジェクトを作成します。これを入れてくださいonCreate: DatePickerDialog picker = new DatePickerDialog( this, new OnDateSetListener() { @Override public void onDateSet(DatePicker v, int y, int m, int d) { Log.d("Picker", "Set!"); } }, 2012, 6, 15); picker.show(); 予想: Aキャンセルダイアログに表示されるボタンをクリックします。 現在: A、キャンセルボタンが表示されません。 スクリーンショット: 4.0.3(OK)と4.1.1(おそらく間違っていますか?) 問題#2:誤った却下動作 ダイアログは実際に呼び出す必要があるリスナーを呼び出し、その後常に呼び出しますOnDateSetListenerリスナーをリスナーをます。キャンセルしてもsetメソッドが呼び出され、設定するとメソッドが2回呼び出されます。 複製:#1コードを使用しますが、以下のコードを追加します(これにより#1が解決されますが、視覚的/ UIのみが表示されます)。 …

24
ユーザー入力を許可しないテキスト入力を備えたjQuery Datepicker
テキストボックス入力でjQuery Datepickerを使用するにはどうすればよいですか。 $("#my_txtbox").datepicker({ // options }); これは、ユーザーがテキストボックスにランダムなテキストを入力することを許可しません。テキストボックスがフォーカスを取得したとき、またはユーザーがクリックしたときに、Datepickerをポップアップさせたいのですが、キーボードを使用したユーザー入力(コピーと貼り付けなど)をテキストボックスが無視するようにしたいのですが。Datepickerカレンダーからのみテキストボックスに入力したいのですが。 これは可能ですか? jQuery 1.2.6 Datepicker 1.5.2
140 jquery  datepicker 

16
jQuery UI“ $(”#datepicker“)。datepickerは関数ではありません”
既存の.aspxページでjQueryのUIプラグインであるDatePickerを使用すると、次のエラーが発生します。 $("#datepicker").datepicker is not a function ただし、datePickerを作成して使用する同じコードをコピーして、aspxページと同じディレクトリにあるHTMLファイルに貼り付けると、問題なく動作します。これにより、aspxページにJSファイルがあり、datePickerまたはjQueryのUI JSファイルが適切に読み込まれない原因となっていると想定します。 誰かが私の信念を確認したり、jQueryのUIプラグインを妨害している犯人を見つけるためのヒントを提供したりできますか?

13
jQuery datepickerは選択された日付をその場で設定します
jquery日付ピッカーの選択された日付をその場で動的に変更するにはどうすればよいですか?私はインライン日付ピッカーを作成したと言っています。その後、しばらくしてから、日付ピッカーを最初から再作成せずに別の日付を反映させたいと思います。 setDateメソッドを試しましたが、うまくいきませんでした。また、docにはドキュメントがあまりありません。 ここには別の(拡張?)プラグインがありますが、jquery.ui.all.jsに同梱されているプラ​​グインを使用したいと思います。

30
入力タイプ=「日付」フィールドのプレースホルダーを表示しない
電話ギャップアプリを実行しています。type="date"以下に示すように入力フィールドを試していると、iPhoneの日付ピッカーが期待どおりに表示されますが、指定したプレースホルダーは表示されません。SOでも同じ問題が見つかりましたが、解決策はどこにもありません。 <input placeholder="Date" class="textbox-n" type="date" id="date">

12
動的に作成された要素にdatepicker()を配置する-JQuery / JQueryUI
テキストボックスを動的に作成しましたが、それぞれにクリックでカレンダーを表示できるようにしたいと考えています。私が使用しているコードは: $(".datepicker_recurring_start" ).datepicker(); すべてのテキストボックスにdatepicker_recurring_startというクラスがあるにもかかわらず、これは最初のテキストボックスでのみ機能します。 あなたの助けは大歓迎です!

6
HTML5の日付ピッカーにスタイルオプションはありますか?
HTML5の日付ピッカーには本当に満足しています。W3Cが最終的にスラックの一部を取得しているので、このような一般的な入力形式を再発明し続ける必要がないことを知るのは新鮮です。 注意点は、ピッカー自体に色を適用する方法があまり見られない、または予見されていないことです。これにより、ほとんどのサイトでデイトピッカーのようなブレーカーが使用されます。<select>人々はかなりそれを作ることができないという単純な理由のための広範なjavascriptの補充ハックに苦しんでいます。W3Cの土地で何が起こっているのか誰か知っているかどうか知りたいのですが。 これは、もう1つのより大きな質問とペアになっています(答えがわかっている場合に備えて):W3CやWHATWGに参加して、これらのいくつかの状況を確認できるようにしておく価値はありますか?あらゆる洞察が役立ちます。
109 html  datepicker  w3c 

1
ブートストラップ日時ピッカー[終了]
現在のところ、この質問はQ&A形式には適していません。私たちは回答が事実、参考文献、または専門知識によってサポートされることを期待しますが、この質問はおそらく議論、議論、投票、または拡張された議論を誘います。この質問を改善でき、再開できると思われる場合は、ヘルプセンターにアクセスしてください。 7年前休業。 日付と時刻を選択するJavaScriptを教えてください。 注:日付と時刻の選択に1つのファイルのみを使用します。 私はすでにこれを見ています: http://www.eyecon.ro/bootstrap-datepicker/ そして http://jdewit.github.com/bootstrap-timepicker/index.html


16
jQuery日付ピッカー-過去の日付を無効にする
UIの日付ピッカーを使用して日付範囲を選択しようとしています。 from / toフィールドでは、今日より前の日付を表示または選択できないようにする必要があります。 これは私のコードです: $(function() { var dates = $( "#from, #to" ).datepicker({ defaultDate: "+1w", changeMonth: true, numberOfMonths: 1, onSelect: function( selectedDate ) { var option = this.id == "from" ? "minDate" : "maxDate", instance = $( this ).data( "datepicker" ), date = $.datepicker.parseDate( instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings …


8
jquery-ui datepicker changez-index
私はそれを解決する方法を理解するのに苦労していますが、問題はかなり簡単です。 カスタムメイドの「iosスタイルのオン/オフトグル」と一緒にjQuery-uidatepickerを使用しています。このトグルは、現在私の日付ピッカーの上に表示されているいくつかの絶対位置の要素を使用します。 以下の7月6日をカバーする醜い円を参照してください... これを行うための汚い方法(少なくともimo)は、スタイルシートの1つにスタイルを書き込むことですが、これを行うためにピッカーが起動するときにJavaScriptを使用したいと思います。 私はすでに試しました $('.date_field').datepicker(); $('.date_field').datepicker("widget").css({"z-index":100}); そして $('.date_field').datepicker({ beforeShow: function(input, inst) { inst.dpDiv.css({"z-index":100}); } }); しかし、日付ピッカーが起動されるたびにz-indexが上書きされるようです。 どんな助けでも大歓迎です!

22
モーダルウィンドウ内のTwitterBootstrap Datepicker
私は現在TwitterBootstrapフレームワークを使用していますが、モーダルウィンドウを使用している場合、選択されて均一にレンダリングされていても、js要素を取得してdatepickerやvalidationのように機能させることはできません。以下の私のモーダルウィンドウを参照してください。 <div class="modal hide in" id="newMember" style="display: block; " aria-hidden="false"> <div class="modal-header"> <button class="close" data-dismiss="modal" type="button">×</button> <h3>New Member Form</h3> </div> <form accept-charset="UTF-8" action="/players" class="form-horizontal" id="new_user" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓"><input name="authenticity_token" type="hidden" value="KdL6cc2Vb53qeMY+PpBUS70myT4HX1uWofMUBolLea8="></div> <div class="modal-body"> <div class="widget-content nopadding"> <div class="control-group"> <label class="control-label" for="user_role">Role</label> <div class="controls"> <select id="user_role" name="user[role]" style="display: none; …
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.