Bootstrapは2013年に人気を博し、2014年にBootstrapはより多くの人々に愛され続けます。完全で美しいUIがあるだけでなく、その開発のための多くの有用なプラグインとテーマも拡張しました！無限の可能性を持たせてください！
同社は、さまざまなオープンソースの無料フレームワークを使用することを好みます。 Bootstrapは非常に使いやすく、フレームワークのレイアウトは美しく、使いやすいです。今日、私はそれを使用したいDatePickerコントロールに遭遇しました。
問題は、2つの時点が開始時間と終了時間に分割され、終了時間は開始時間の後でなければなりません。それで私はそれをしばらく研究しました、そして、それは私が問題を解決するために朝から3時まで休憩しました。
問題を要約します。主な理由は、プロジェクトで使用されているjQueryがjQuery UIでも使用されていることです。内部にもdatepickerがあり、名前はまったく同じです。私はそれをすべてやろうとしており、jQueryでのDatePickerの使用をチェックし、良いオンラインでさまざまなものを探している、つまり、DatePickerにonSelectメソッドをバインドしています。偶然にも、多くのネチズンは、onselectが機能しないと言っています...
突然、LIBフォルダーの下にあるブートストラップのものをたくさん見つけました。さらに重要なことは、Bootstrap_DatePickerが書かれた別のフォルダーが書かれていたことです。私たちはjqueryの下でdatepickerを使用していないことに気付きました。 sweat汗
コードを直接投稿してください。
JSコード
$（ '＃starttime'）。datepicker（{format： 'yyyy.mm.dd'、weekstart：1、autoclose：true、todaybtn： 'linked'、language： 'zh-cn'}）。 Time "！"）; $（ "＃starttime"）。focus（）;}}）; $（ '＃endtime'） ev.date.valueof（）; end = endtime; if（end <start）{alert（ ""評価終了時間 "は「評価開始時間"！ "）;} else {}}）よりも早くできません。JSPコード：
<div id = "starttime_main"> <label for = "starttime"> start time：</label> <div data-date = "2013.05.10" "starttimediv"> <入力タイプ= "text" value = "" id = "readonly> <span> <i> </i> </span </div div div div div end < </label> <divdata-date = "2013.05.10" id = "endtimediv"> <入力タイプ= "text" value = "" endtime "readonly> <span> <iclass =" icon-calendar "> </i> </span> </div> </div>
上記は、紹介されたブートストラップのデートピッカー制御を使用した経験の共有です。それがあなたに役立つことを願っています。ご質問がある場合は、メッセージを残してください。編集者は時間内に返信します。 wulin.comのウェブサイトへのご支援ありがとうございます！