BootstrapDatepicker基本用法

  • A+
所属分类:BootstrapDatepicker

BootstrapDatepicker基本用法

官方文档

http://bootstrap-datepicker.readthedocs.io/en/latest/

只选择年月

  1. $(function () {  
  2.     $(".datepicker").datepicker({  
  3.         language: "zh-CN",  
  4.         format: "yyyy/mm",  
  5.         minViewMode: 1,  
  6.         keyboardNavigation: false,  
  7.         forceParse: false,  
  8.         autoclose: true,  
  9.         todayHighlight: true  
  10.     });  
  11. });  

选择年月日

  1. $(function () {  
  2.     $(".datepicker").datepicker({  
  3.         language: "zh-CN",  
  4.         format: "yyyy/mm/dd",  
  5.         minViewMode: 0,  
  6.         keyboardNavigation: false,  
  7.         forceParse: false,  
  8.         autoclose: true,  
  9.         todayHighlight: true  
  10.     });  
  11. });  

带关闭事件的

  1. //通过ID实例化控件  
  2. $("#InputID").datepicker({  
  3.         language: "zh-CN",  
  4.         format: "yyyy/mm/dd",  
  5.         minViewMode: 0,  
  6.         keyboardNavigation: false,  
  7.         forceParse: false,  
  8.         autoclose: true,  
  9.         todayHighlight: true  
  10.     }).on('hide', function (e) {  
  11.         //指定字段验证  
  12.         $('#FormID').data('bootstrapValidator')  
  13.             .updateStatus('InputID', 'NOT_VALIDATED', null)  
  14.             .validateField('InputID');  
  15.     });  
  16. //通过Class实例化控件(动态获取ID)  
  17.  $(".Class").datepicker({  
  18.         language: "zh-CN",  
  19.         format: "yyyy/mm/dd",  
  20.         minViewMode: 0,  
  21.         keyboardNavigation: false,  
  22.         forceParse: false,  
  23.         autoclose: true,  
  24.         todayHighlight: true  
  25.     }).on('hide', function (e) {  
  26.         //指定字段验证  
  27.         $('#FormID').data('bootstrapValidator')  
  28.             .updateStatus(e.target.id, 'NOT_VALIDATED', null)  
  29.             .validateField(e.target.id);  
  30.     });  
钰玺

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:1   其中:访客  1   博主  0

    • 八达网 八达网 0

      新年好呀,新年好呀,祝福博主新年好!