Bootstrap-DatetimePicker adalah plug-in pemilihan waktu ringan yang mendukung pemilihan waktu, internasionalisasi, dan cukup mudah untuk diterapkan. DEADIFE adalah plug-in yang mendukung beberapa unggahan file. Saya baru-baru ini menerapkan dua plug-in ini untuk membuat beberapa aplikasi kecil, yang terasa enak, jadi saya akan memberikan ringkasan singkat.
1. Tindakan pencegahan untuk memperkenalkan plug-in
Untuk mengunduh situs web resmi bootstrap-datetimePicker, tiga file perlu digunakan untuk menerapkan bootstrap-datetimePicker: bootstrap-datetimePicker.min.js, bootstrap-datetimePicker.min.css (style), bootstrap-tabel-devloat offytrap-tabel resmi dari ching-cn-cn-cn.min.js. China). jQuery.uploadify.min.js, unggah.
2.BOOTSTRAP-DATETIMEPICKER Pilihan waktu
<Div> <label for = "startTime"> startTime: </label> <div data-link-field = "dtp_input1"> <input id = "showtime" th: value = "$ {#date.format (aktivitas.starttime, 'yyyy-mm-dd hh: mm: ss')}" margin-mm-mm-dd: mm: ss ')}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}} type = "text" value = "" readOnly = "readOnly"/> <span> <span> </span> </span> </span> </div> <input type = "hidden" id = "dtp_input1" name = "startTime"/> <br/> </div> $ ('fORT_DATETIME'). HH: MM: SS ', // Bahasa Cina:' ZH-CN ', // Hari mana dalam seminggu dimulai, 0 (Minggu) hingga 6 (Sabtu) WEEKSTART: 1, // Tampilkan tombol "hari ini" di bagian bawah komponen pemilih saat ini untuk memilih tanggal saat ini: 1, // apakah pemilih saat ini ditutup segera setelah tanggal pemilihan saat ini. 1, // Tampilan yang pertama kali ditampilkan setelah pemilih tanggal dibuka: 2, // Ketika pemilih ditutup, apakah itu dipaksa untuk menguraikan nilai dalam kotak input Forcarse: 0, showmeridian: 1, // nilai ini digunakan sebagai nilai langkah untuk membangun satu jam tampilan minutestep: 1});Efek terakhir adalah sebagai berikut:
3. Unggah unggah gambar
$ ("#file_upload"). DEADLOADIFE ({'Metode': 'Post', 'Auto': true, // mengunggah otomatis secara otomatis setelah memilih gambar 'buttontext': 'unggah gambar', 'simuploadlimit': 1, 'cancelImg': '../.././resources/images: 1,' cancelImg ':' ../.././resources/imagesseDoading ': cancer-cance'. "/uploadImage?_csrf="+$("#_csrf").val(),'swf ':' ../../../resources/js/uploadify.swf ', // operasi setelah berhasil mengunggah' onuploadsuccess ': function (file, data, respons) {$ (" {$ ("{(" {$ ("{(" {$ ("{$ (" {");Kode sisi server
@ResponseBody@RequestMapping(value = "/uploadImage")public String uploadImage(HttpServletRequest request) throws Exception{ResponseObject<String> responseObject = new ResponseObject<String>(GlobalErrorCode.SUCESS);MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) request;Iterator<String> fileNames = multipartrequest.getFileNames (); Multipartfile multipartfile = multipartrequest.getFile (fileNames.next ()); ... simpan beberapa baris di sini mengembalikan url;}Efek tampilan akhir:
Di atas adalah ringkasan dari contoh aplikasi dari datetimePicker dan mengunggah plug-in di bootstrap yang diperkenalkan kepada Anda oleh editor. Saya harap ini akan membantu Anda. Jika Anda memiliki pertanyaan, silakan tinggalkan saya pesan dan editor akan membalas Anda tepat waktu. Terima kasih banyak atas dukungan Anda ke situs web Wulin.com!