Bootstrap-datetimepickerは、時間の選択、国際化をサポートする軽量時間選択プラグインであり、適用が非常に簡単です。 uploadifyは、複数のファイルアップロードをサポートするプラグインです。私は最近、これら2つのプラグインを適用して、いくつかの小さなアプリケーションを作成しました。
1。プラグインを導入するための注意事項
bootstrap-datetimepickerの公式ウェブサイトをダウンロードするには、bootstrap-datetimepicker：bootstrap-datetimepicker.min.js、bootstrap-datetimepicker.min.css（（（style））、bootstrap-table-table-zh-cn.min.min.min.min.min.js（中国のlowed）を参照してください。 jquery.uploadify.min.js、uploadify.css、uploadify-cancel.png、uploadify.swf
2.BootStrap-DatetImePickerの時間選択
<div> <label for = "starttime"> starttime：</label> <div data-link-field = "dtp_input1"> <input id = "showtime" th：value = "$ {＃dates.format（activity.starttime、 'yyyy-mm-dd hh：mm：ss'）}" type = "text" value = "" readonly = "readonly"/> <span> <span> </span> </span> </span> </div> <input type = "hidden" id = "dtp_input1" name = "starttime"/> <br/> </div> $（ '。form_datetime'）。 HH：mm：ss '、//中国語：' zh-cn '、//曜日は0（日曜日）から6（土曜日）ウィークスタート：1、//現在の日付を選択するために「今日」ボタンを表示します。 1、//日付時間セレクターが開かれた後に最初に表示されたビュー：2、//セレクターが閉じられている場合、入力ボックスの値を解析することを余儀なくされますか？最終的な効果は次のとおりです。
3.画像のアップロードをアップロードします
$（ "＃file_upload"） "/uploadimage?_csrf="+$(" #_csrf"）val(）、'swf '：' ../../../../../../.../uploadify.swf '、//操作「onuploadsuccess'：onuploadsuckes」：function（file、datas）; {＃imgurl ";サーバー側のコード
@responsebody@requestmapping（value = "/uploadimage"）public string uploadimage（httpservletrequest request）スロー{responseobject <string> responseObject <string>（globalErrorcode.sucess）; MultiPartRequest.getFileNames（）; MultiPartFile MultiPartFile = MultiPartRequest.getFile（filenames.next（））; ...ここにいくつかの行を保存しますurl;}最終的なディスプレイ効果：
上記は、エディターが紹介したBootstrapのDateTimePickerとアップロードプラグインのアプリケーションの例の要約です。それがあなたに役立つことを願っています。ご質問がある場合は、メッセージを残してください。編集者は時間内に返信します。 wulin.comのウェブサイトへのご支援ありがとうございます！