JQueryベースのタイムピッカー

最近、私は(正確には、まったく私のものではありませんが)1つのプロジェクトにタイマーのようなものを挿入する必要があります。

運命と親切な人々は、まず私をMooToolsに基づくひどいダイヤルに導き、次にjQuery Timepickerプラグインに導きました



私はjQueryを使用しているため、プラグインは検査され、プロジェクトに組み込まれましたが、すぐに多くの問題に遭遇しました。

まず 、UIライブラリ全体(およびこれは200キロのコードです)が必要であり、余分なキロバイトのコードを抽出できるように依存関係はありません(私は見つけていません)。

次に 、ui.core.cssから何かを継承するいくつかのcssファイルが必要です。

第三に 、それはいくつかのまともなスプライトを必要とします。

このストーリー全体をつなげた後、私は不完全に動作するタイマー(uiライブラリの他の要素の存在による様式化の問題)とページラグを取得しました。 これは、AM / PMスイッチの存在が気に入らないということは言うまでもありません。15分間隔での緊密な(まあ、彼の設定は覚えていません)奇妙な外観です。



だから私は自分の自転車を書かなければならず、それはプロジェクトにうまく統合されました。 当然のことながら、おそらく、悪魔のために、私の小さな曲がったスクリプトを手に入れるかもしれないような人々がいるだろうという考えが訪れました。 したがって、スクリプトのデモ版の設計にさらに1時間を費やしました。 ここで見ることができます(そしてすべてのソースコードを引き出します) -public.xfenix.ru



PSブラウザIE(6,7)、Opera、FF 3、Google Chromeの動作状態に退廃的な方法によって追加されました。 IEの場合、コメントをする必要がありましたが、オペラの場合、私は一生懸命に眉をひそめました(それでもバグは残ります-クリックしたときに背景が適用されるのは半分のliだけです)。 そのようなエラーが発生した理由とそれらを完全に克服する方法を誰かが説明してくれれば、世紀の終わりまで感謝します。



PPS突然、何らかの奇跡によって、読者であるあなたがまったくバイソンではなく、私のソースを悪意を持ってくすくす笑うのではなく、初心者のjavascript常習者であり、このスクリプトの接続とオプションの説明が必要な場合は、コメントでそれを教えてから返信しますテキストの段落をいくつか追加します。



All Articles