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のウェブサイトへのご支援ありがとうございます!