Bootstrap datepicker thay thế

        
            

        // Strings and translations
        monthsFull: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October',
        'November', 'December'],
        monthsShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
        weekdaysFull: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
        weekdaysShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
        showMonthsShort: undefined,
        showWeekdaysFull: undefined,

        // Buttons
        today: 'Today',
        clear: 'Clear',
        close: 'Close',

        // Accessibility labels
        labelMonthNext: 'Next month',
        labelMonthPrev: 'Previous month',
        labelMonthSelect: 'Select a month',
        labelYearSelect: 'Select a year',

        // Formats
        format: 'd mmmm, yyyy',
        formatSubmit: undefined,
        hiddenPrefix: undefined,
        hiddenSuffix: '_submit',
        hiddenName: undefined,

        // Editable input
        editable: undefined,

        // Dropdown selectors
        selectYears: undefined,
        selectMonths: undefined,

        // First day of the week
        firstDay: undefined,

        // Date limits
        min: undefined,
        max: undefined,

        // Disable dates
        disable: undefined,

        // Root picker container
        container: undefined,

        // Hidden input container
        containerHidden: undefined,

        // Close on a user action
        closeOnSelect: true,
        closeOnClear: true,

        // Events
        onStart: undefined,
        onRender: undefined,
        onOpen: undefined,
        onClose: undefined,
        onSet: undefined,
        onStop: undefined,

        // Classes
        klass: {

          // The element states
          input: 'picker__input',
          active: 'picker__input--active',

          // The root picker and states *
          picker: 'picker',
          opened: 'picker--opened',
          focused: 'picker--focused',
          
          // The picker holder
          holder: 'picker__holder',
          
          // The picker frame, wrapper, and box
          frame: 'picker__frame',
          wrap: 'picker__wrap',
          box: 'picker__box',
          
          // The picker header
          header: 'picker__header',
          
          // Month navigation
          navPrev: 'picker__nav--prev',
          navNext: 'picker__nav--next',
          navDisabled: 'picker__nav--disabled',
          
          // Month & year labels
          month: 'picker__month',
          year: 'picker__year',
          
          // Month & year dropdowns
          selectMonth: 'picker__select--month',
          selectYear: 'picker__select--year',
          
          // Table of dates
          table: 'picker__table',
          
          // Weekday labels
          weekdays: 'picker__weekday',
          
          // Day states
          day: 'picker__day',
          disabled: 'picker__day--disabled',
          selected: 'picker__day--selected',
          highlighted: 'picker__day--highlighted',
          now: 'picker__day--today',
          infocus: 'picker__day--infocus',
          outfocus: 'picker__day--outfocus',
          
          // The picker footer
          footer: 'picker__footer',
          
          // Today, clear, & close buttons
          buttonClear: 'picker__button--clear',
          buttonClose: 'picker__button--close',
          buttonToday: 'picker__button--today'
        }

      
        
    

Kích thước tập tin. 6. 8 KBViews Tổng cộng. 162526Cập nhật lần cuối. 13/03/2013 02. 06. 00 UTCNgày xuất bản. 23/11/2012 02. 13. 16 UTCTrang web chính thức. Tới trang webGiấy phép. MIT

Tải xuống bản trình diễn

Thêm trong danh mục này

Xem các plugin được đề xuất

TOP 100 Plugin jQuery 2022

Chrome, IE7+, FireFox, Opera, Safari#Bootstrap#Date Picker#Date

Plugin jQuery đơn giản được tạo bằng bootstrap-datepicker. js để thêm bộ chọn ngày hoạt động với Twitter Bootstrap vào trường hoặc bất kỳ phần tử nào khác

Plugin này đã hết dữ liệu và không còn được duy trì. Hãy thử các plugin thay thế này

• Plugin chọn dữ liệu có thể truy cập cho bootstrap - ab-datepicker
• Plugin chọn ngày jQuery có thể định cấu hình đầy đủ cho bootstrap
• Làm sạch bộ chọn ngày & giờ với jQuery và bootstrap 3

Hoặc

• 50 plugin jQuery chọn ngày và giờ tốt nhất

Xem thêm

• jQuery Date and Time Picker Plugin - Bộ chọn ngày tháng đơn giản
• Plugin jQuery cho Tiện ích chọn ngày đơn giản - simpledatepicker
• Bộ chọn ngày kiểu Android cho jQuery Mobile - Mobi Pick
• Plugin chọn ngày nhẹ và có thể tùy chỉnh cho jQuery - glDatePicker
• Bộ chọn thời gian tuyệt vời cho Twitter Bootstrap
• Plugin Timepicker jQuery có thể tùy chỉnh - bộ đếm thời gian
• Bộ chọn phạm vi ngày cho Twitter Bootstrap
• Bộ chọn đầu vào ngày jQuery nhẹ - pickadate

Làm thế nào để sử dụng nó

1. Bao gồm tập lệnh jquery và bootstrap-datepicker. js

2. Định dạng một thành phần

3. Gọi hàm qua javascript

$('.datepicker').datepicker()

Nhật ký thay đổi

2013-03-12

• Đã sửa lỗi chọn ngày từ năm trước và năm sau bị sai
• Đã sửa lỗi trong đó một biến đang làm ô nhiễm không gian tên

Plugin jQuery tuyệt vời này được phát triển bởi eyecon. Để biết thêm Cách sử dụng nâng cao, vui lòng kiểm tra trang demo hoặc truy cập trang web chính thức

Bootstrap có Datepicker không?

Bootstrap 4 có Datepicker không?

Các cách khác nhau để sử dụng Datepicker là gì?

Datepicker nội tuyến là gì?