Bootstrap-DateTimepicker-это легкий плагин для выбора времени, который поддерживает выбор времени, интернационализацию и довольно прост в применении. uploadify-это плагин, который поддерживает загрузки нескольких файлов. Недавно я применил эти два плагина, чтобы сделать несколько небольших приложений, которые чувствуют себя хорошо, поэтому я дам краткое изложение.
1. Меры предосторожности для введения плагинов
Чтобы загрузить официальный веб-сайт Bootstrap-DateTimePicker, необходимо использовать три файла для применения Bootstrap-DateTimePicker: Bootstrap-dateTimepicker.min.js, Bootstrap-datetimepicker.min.css ((стиль), Bootstrap-table-Zh-cn.min.js (китайские). jquery.uploadify.min.js, uploadify.css, uploadify-cancel.png, uploadify.swf
2. БОТСТРЕСКАЯ ДАТЕТИМЕПИККЕР ВРЕМЯ ВРЕМЯ
<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')}" style = "margin-left: 14px; type = "text" value = "" readonly = "readonly"/> <pan> <pan> </span> </span> </span> </div> <input type = "hidden" id = "dtp_input1" name = "starttime"/> <br/> </div> $ ('. HH: MM: SS ', // Китайский язык:' ZH-CN ', // Какой день недели начинается, 0 (воскресенье) до 6 (суббота) WeekStart: 1, // Покажите кнопку «сегодня» в нижней части компонента селектора даты, чтобы выбрать текущую дату сегодня: 1, // Сразу же выбирает дату: 1, и. 1, // Просмотр, впервые отображаемый после открытия селектора даты времени: 2, // Когда селектор закрыт, он вынужден проанализировать значение в поле ввода Forcecarse: 0, Showmeridian: 1, // Это значение используется в качестве значения шага для создания часа просмотра minutestep: 1});Окончательный эффект заключается в следующем:
3. Загрузить загрузку изображения
$ ("#file_upload"). uploadify ({'method': 'post', 'auto': true, // автоматически загружать автоматически после выбора изображения 'buttontext': 'upload image', 'simuploadlimit': 1, 'cancelimg': '../../resourcess/images/upliMif "/UploadImage?_csrf="+$("#_csrf").val(),'SWF ':' ../../../resources/js/uploadify.swf ', // операция после успешной загрузки' onuploadSuccess ': функция (файл, данные, ответ) {$ (#imgurl");Код на стороне сервера
@Responsebody@requestMapping (value = "/uploadImage") public String uploadImage (httpservletRequest) throws exection {responseObject <string> responseObject = new RecsptionObject <string> (GlobalErrorCode.sucess); MultiparThttpServERCEVERTEQUEST MultipRequest = (MultipRTHTPSVERVERVERVERVERVERCEVERT). multipartrequest.getFilenames (); MultipartFile MultipArtFile = MultipRtequestest.getFile (filenames.next ()); ... Сохранить несколько строк здесь возвращает URL;}Окончательный эффект отображения:
Выше приведено краткое изложение приложений приложения DateTimePicker и загрузите плагин в начальной загрузке, представленный вам редактором. Я надеюсь, что это будет полезно для вас. Если у вас есть какие -либо вопросы, пожалуйста, оставьте мне сообщение, и редактор ответит вам вовремя. Большое спасибо за вашу поддержку сайту wulin.com!