O Bootstrap-DateTimePicker é um plug-in leve de seleção de tempo que suporta seleção de tempo, internacionalização e é bastante simples de aplicar. O UPLOPIFY é um plug-in que suporta vários uploads de arquivo. Apliquei recentemente esses dois plug-ins para fazer alguns pequenos aplicativos, o que me sinto bem, então darei um breve resumo.
1. Precauções para introduzir plug-ins
Para baixar o site oficial do Bootstrap-DateTimePicker, três arquivos precisam ser usados para aplicar o bootstrap-dateTimepicker: bootstrap datetimepicker.min.js, bootstrap-dateTimepicker.js (chinês). jQuery.uploadify.min.js, uploadify.css, uploadify-cancel.png, uploadify.swf
2.BOOTSTRAP-DATETIMEPicker Seleção de tempo
<div> <gravadora para = "starttime"> startTime: </cretw> <div data data-link-field = "dtp_input1"> <input id = "showtime" th: value = "$ {#dates.format (atividade.starttime, 'yyyy-mm-dd hh: mm: ss')}" estilo = " type = "text" value = "" readOnly = "readonly"/> <pan> <pan> </span> </span> </span> </div> <input type = "hidden" id = "dtp_input1" name = "starttimep"/> <br/> </div> ('. HH: mm: ss ', // idioma chinês:' zh-cn ', // que dia da semana começa, 0 (domingo) a 6 (sábado) WeekStart: 1, // Mostra um botão "Today" na parte inferior do componente de data e hora, a data de encontro, para que a data de encontro, que se seleciona, a data de encontro, se o seletor de data e seletor, se seleciona, a data em que se seleciona: 1, // A exibição exibida pela primeira vez após o seletor de data de data é aberta: 2, // Quando o seletor é fechado, é forçado a analisar o valor no caixa de entrada ForceParse: 0, ShowMeridian: 1, // Este valor é usado como um valor de passo para criar uma hora de visualizar minutestep: 1});O efeito final é o seguinte:
3. Carregue o upload da imagem
$ ("#file_upload"). Uploady ({'método': 'post', 'Auto': true, // carrega automaticamente após selecionar o imagem 'ButtonText': 'carregar imagem', 'simuploadlimit': 1, 'cancelimg':'--../..//resousOd/Image "/upLoadimage?_csrf="+$("#_CSRF").VAL( ),'swf ':' ../../../resources/js/uploadify.swf ', // operação após o upload bem -sucedido' OnuPloDsuccess ': Função (arquivo, dados, resposta) {resposta $ ($" $ "#"#"#" iMMERMUGROGSCESS' (arquivo, dados, resposta) {resposta $ ($ "$"#"#"#"#" iMerMeRMUGCESS ': FILHO (arquivo, dados, resposta) {resposta $ (US $ ",".Código do lado do servidor
@Respostabody@requestmapping (value = "/uploadImage") public string uploadImage (httpServletRequest Solicy) lança exceção {ResponseObject <string> ResponseObject = new RespoMObject <String> (GlobalErrorCode.sucess); multipertttpSleTleTestlestiStreCerestEst = (multiStarThtTerTSTSTSTPESS); multipartRequest.getFileNames (); MultipartFile MultipartFile = multipartreCeSt.getFile (FILENAMES.NEXT ()); ... Salve várias linhas aqui retornar URL;}Efeito final da exibição:
O acima exposto é um resumo dos exemplos de aplicativos do DateTimePicker e envie o plug-in no bootstrap introduzido pelo editor. Espero que seja útil para você. Se você tiver alguma dúvida, deixe -me uma mensagem e o editor responderá a você a tempo. Muito obrigado pelo seu apoio ao site wulin.com!