1.導(dǎo)入相應(yīng)下面Js和CSS ?還需導(dǎo)入BootStrap中的fonts文件夾
2.
3.js? 注意#datetimePicker
$(document).ready(
function() {
$('#datetimePicker').datetimepicker({
format : 'YYYY-MM-DD'
});
$('#datetimePicker').on(
'dp.change dp.show',
function(e) {
// Validate the date when user change it
$('#defaultForm').data('bootstrapValidator')
.revalidateField('datetimePicker');
});
$('#btn_addTrain').on('click', function() {
$('#myModal').modal('show');
});
$('#defaultForm').bootstrapValidator({
message : '字段無效！',
feedbackIcons : {
valid : 'glyphicon glyphicon-ok',
invalid : 'glyphicon glyphicon-remove',
validating : 'glyphicon glyphicon-refresh'
},
fields : {
time : {
validators : {
notEmpty : {
message : '時(shí)間不能為空！'
},
date : {
format : 'MM/DD/YYYY h:m A'
}
}
},
}
});
$('#btn_submit').click(function() {
$('#defaultForm').bootstrapValidator('validate');
bootstrapValidator.validate();
if (bootstrapValidator.isValid())
$("#defaultForm").submit();
else
return;
});
