問題タブ [mobiscroll]

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 投票する
1 に答える
672 参照

jquery - jqueryモバイルスクローラーは一度しか動作しません

http://code.google.com/p/mobiscroll/ の使用

[設定] または [キャンセル] をクリックすると、フィールドがぼかしの状態のままになり、再度起動できなくなります。別のフィールドを選択すると、これも機能します。

フィールドは次のとおりです。

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

jquery - Mobiscroll jQuery Plugin の formatDate 関数を利用する

私はただぼんやりしているだけだと確信していますが、Mobiscroll 日付ピッカー プラグインの formatDate ユーティリティ関数を使用する方法がわかりません。

ドキュメントはこれを言うだけです:

formatDate 関数 (フォーマット、日付、設定) 指定されたフォーマットで日付を文字列値にフォーマットします

入力フィールドの値が変更されたときに、値をフォーマットして別のフィールドに保存したいので、次のことを試みました。

<input type="text" id="startTimeInput" onChange="alert(jQuery('#startTimeInput').formatDate('yyyy-MM-dd HH:mm:ss', this.value, ''));"/>

ただし、アラートが発生することはなく、何らかの理由で Firebug が現在再生されているため、何も報告されていません。誰かアイデアはありますか?

注:jQuery.noConflict()を使用する必要があるため、jQuery()を使用しています

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

jquery-mobile - jQueryMobile と Mobiscroll で日付を無効にする

jQuery datePicker http://forum.jquery.com/topic/datepicker-beforeshowdateに似たjQueryMobile日付ピッカーで、週末や祝日などの日付を無効にする必要があります。

日付の制限がないMobiscroll http://code.google.com/p/mobiscroll/を使用しています。mobiscroll で日付を制限することはできますか?

私の質問は、スマートフォンの日付ピッカー (mobiscroll やその他のオプションを含む) の日付を無効にするための最良の方法は何ですか?

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

jquery - mobiscroll日付/時刻.setdate

私はモバイル関連のjqueryにかなり慣れていません...これがasp.netページがあり、jquerymobileを使用している状況です。すべてが順調に進んでいます。mobiscrollの日付/時刻セレクターを希望どおりに動作させようとしています。mobiscrollセレクターでテキストボックスフィールドに入力できるようにしてから、この値を使用してデータベースを更新します。すべては順調です

同じフォームでデータを更新しようとすると、問題が発生します。データベースにクエリを実行し、データベースに保存されている適切な日付/時刻をフォームアイテムに入力できますが、日付/時刻テキストボックスをクリックすると、mobiscrollセレクターに、テキストボックスに入力された日付ではなく、今日の日付が表示されます。 。

setdateを使用してみましたが、成功しませんでした。また、beforeShowイベントを使用したコードのスニペットも成功しませんでした。

テキストボックスをクリックしてmobiscrollコントロールを開くことができる場合、テキストボックスに値がある場合、なぜ日付/時刻を設定しないのでしょうか、それとも何か間違ったことをしているのでしょうか。

誰かが私のためにこれを明確にして、テキストボックスからmobiscrollの日付を設定してそれも関連付けられているコードのスニペットを見せてもらえますか?

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

javascript - ChocolatechipUIポップオーバー内のMobiscroll日付ピッカー?

ChocolatechipUIポップオーバー内でMobiscroll日付ピッカーを取得しようとしています。現時点では、入力テキスト フィールドをポップオーバー内に配置して、日付ピッカーの位置が親要素に対して相対的であるかどうかを確認してみました。日付ピッカーは、私の目標であるポップオーバー内ではなく、ページの中央に表示されます。

ポップオーバーを作成します。

コンテンツを追加:

クリックをボタンにバインドします。

これを機能させる方法についての助けをいただければ幸いです。

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

jquery - 通常のWebページのMobiscroll-例-ユーザビリティ?

http://demo.mobiscroll.com/

Mobiscrollは、タッチデバイスの使いやすさを劇的に向上させる新しい日付と時刻のピッカーです。

私の意図は、レスポンシブUI(タブレット、タッチフォン、通常のデスクトップで機能する)を備えたWebアプリを作成することです。また、デスクトップブラウザーでも機能するように見えるため、Mobiscrollを使用したいと考えています。

私は、通常のWebページでMobiscrollを使用することが公正であるかどうかを知りたいと思っていましたか?痛みや使い勝手が悪くなるのでしょうか?

そして、何人かの専門家による通常のウェブページ上のMobiscrollの例は素晴らしいでしょう!(jsfiddle ??)例は、もしあれば、ベストプラクティスを描写しますか?

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

html - Mobiscroll を使用して Blackberry にネイティブのようなタイム ピッカーを実装する

hh:mm:tt 形式で時間を入力するためのテキスト ボックスを持つ Web アプリケーションがあります。Mobiscrollを使用してタイム ピッカーが統合され ました Blackberry ブラウザを使用して時間を入力しようとすると問題が発生します。私は次のことを試しました:

  1. mobiscroll でクリックピック オプションを使用しようとしましたが、BB 非タッチ デバイスでマウス ポインタを使用してボタンをクリックできません。

  2. ネイティブの HTML 時間コントロールを実装しようとしました。ほとんどのデバイスで正常に動作するように見えましたが、BB Bold 9700 では動作しません。

  3. dateboxプラグインを試しましたが、動作しませんでした。さらに、非常に遅いです。

次の質問に答えてください。

a. webapp で BB ネイティブ タイム ピッカー コントロールを呼び出すことは可能ですか?

b. BB webworks コンポーネントを webapp で使用できますか?

c. HTML 時間入力コントロールを BB Bold 9700 で動作させる方法はありますか?

これについてあなたの助けに感謝します。

ありがとう。

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

jquery-mobile - jquery mobiscroll と jquery validate を一緒に使用するとうまくいきません

私は jquery モバイル Web サイトに取り組んでいます。 日付ピッカーにmobiscrollプラグインを使用しようとしています。

検証にjquery 検証プラグインを使用しています。私はこれを他のプロジェクト全体で使用しましたが、まったく問題はありません。

問題は、mobiscroll モーダル ポップアップが表示され、設定/キャンセル ボタンは正常に機能しますが、スクロールおよび/または +/- ボタンが機能しないことです。

firebug にはエラーが表示されず、IE 開発者ツールのスクリプト デバッガーにもエラーは表示されません。

jquery Validate リファレンスを取り出すと、正常に動作します。を削除して$('form').validate();も修正されません。

参考のために私は使用しています:

  • jquery1.7.1
  • jquery モバイル 1.1.0
  • jquery 検証 1.6
  • mobiscroll 1.6 または 2rc2 (どちらにも問題があります)

mobiscroll をどのように構成するかは問題ではないようです。すべてのオプションを除外するか、一部を設定しても違いはないようです。

検証の有無にかかわらず、他の入力があっても違いはありません。

ここに私のセットアップコードがあります:

そして入力:

jsFiddle を作成しようとしましたが、さまざまなライブラリを参照したり、すべての css などを取得したりする際に問題が発生しています。私はそれに取り組み続け、私がそれを起動して実行するときにリンクを投稿します.

編集:フィドルが機能しません。しかし、1.9に更新すると修正されることがわかりました。非常に奇妙な。しかし、私はそれを取ります

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

jquery - Mobiscroll 1.6 は、コールバックの入力フィールドを無効にします

jQueryフォーム(およびhttp://jquery.malsup.com/form/)でajax化する単純なhtmlフォームでの日付入力にmobiscroll 1.6 (https://github.com/acidb/mobiscroll)を使用しています

日付フィールドに変更が加えられたときにフォームを投稿したい。私はmobiscroll apiから両方を試しましonSelectた:onClose

http://docs.mobiscroll.com/

しかし、問題は、mobiscrolldisabledが完全に完了するまで、すべての入力フィールドを含むフォームに設定しているように見えることです。入力フィールドが無効になっている場合、jQuery フォームはそれをシリアル化しません。

http://jquery.malsup.com/form/#faq http://www.w3.org/TR/html401/interact/forms.html#h-17.13.2

入力フィールド自体にイベントハンドラーを追加することはオプションではありません。これは、最初から JS で初期化されているため、ページの読み込み時にトリガーを取得するためです。datepicker から ajax 投稿をトリガーする必要があります。

どんなヒントでも大歓迎です!

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

jquery - MobiScrollonCloseイベントをキャッチするにはどうすればよいですか

Mobiscroll jqueryプラグインを使用していますが、onCloseイベントをキャッチできないようです。誰かがこのイベントをキャッチする方法のコードサンプルを教えてもらえますか?そのためのドキュメントはありません。

ありがとう