fileinput 时间_Bootstrap 3 响应式上传图片，时间拾取器和表单认证 Fileinput, Date/Time Pickr, Validator...

1. Bootstrap 3 响应式上传图片 bootstrap-fileinput

Usage

Step 1: Load the following assets in your header.

If you noticed, you need to load the jquery.min.js and bootstrap.min.css in addition to the fileinput.min.css and fileinput.min.js. The locale file fileinput_locale_.js can be optionally included for translating for your language if needed.

Step 2: Initialize the plugin on your page. For example,

// initialize with defaults

$("#input-id").fileinput();

// with plugin options

$("#input-id").fileinput({'showUpload':false, 'previewFileType':'any'});

The #input-id is the identifier for the input (e.g. type = file) on your page, which is hidden automatically by the plugin.

Alternatively, you can directly call the plugin options by setting data attributes to your input field.

2. Bootstrap 3 响应式时间拾取器 Date/Time Picker

$(function() {

$('#datetimepicker1').datetimepicker({

language: 'pt-BR'

});

});

$(function() {

$('#datetimepicker2').datetimepicker({

language: 'en',

pick12HourFormat: true

});

});

$(function () {

$('#datetimepicker1').datetimepicker();

});

$(function () {

$('#datetimepicker2').datetimepicker({

locale: 'ru'

});

});

3. Bootstrap 3 响应式表单认证 Bootstrap 3 Validator

Name

Twitter

@

Up to 20 letters, numbers and underscores

Email

Password

Minimum of 6 characters