PHPackages                             wdmg/bootstrap-datepicker-plugin - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. wdmg/bootstrap-datepicker-plugin

ActiveLibrary

wdmg/bootstrap-datepicker-plugin
================================

A date/time picker plugin for Bootstrap 3

1.1.1(2y ago)1111MITJavaScript

Since Jan 22Pushed 2y ago2 watchersCompare

[ Source](https://github.com/wdmg/bootstrap-datepicker)[ Packagist](https://packagist.org/packages/wdmg/bootstrap-datepicker-plugin)[ Docs](https://github.com/wdmg/bootstrap-datepicker)[ RSS](/packages/wdmg-bootstrap-datepicker-plugin/feed)WikiDiscussions master Synced 2mo ago

READMEChangelog (2)DependenciesVersions (7)Used By (0)

Bootstrap DatePicker
====================

[](#bootstrap-datepicker)

Date and time picker plugin for Bootstrap framework

Installation
============

[](#installation)

```
$ npm install bootstrap-datepicker-plugin
$ bower install bootstrap-datepicker-plugin
$ yarn add bootstrap-datepicker-plugin
$ composer require bootstrap-datepicker-plugin

```

Usage example
=============

[](#usage-example)

For example use the input-group:

```

    Datetime:

```

... and init from script:

```

    $(document).ready(function () {
        $('#datepicker').datepicker({
            format: 'YYYY/MM/DD',
            ...
        });
    });

```

Options
=======

[](#options)

NameTypeDefaultDescriptionformatstring'DD/MM/YYYY'Default format of date/time.classNamestring'.datepicker'Class name of input group.inputstring'.form-control'Selector or jQuery object of input.togglestring'.input-group-btn > button'Selector of datepicker popover toggle.placementstring'auto'Default placement of popover.templatestring``Popover template.daysStringsarray\[{'short': 'Mon', 'full': 'Monday'}, ...\]Days of week, starting on Monday.monthsStringsarray\[{'short': 'Jan', 'full': 'January'}, ...\]Months, starting on January.debugboolean`false`Flag if need debug in console log.Support formats
===============

[](#support-formats)

FormatDD/MM/YYYY HH/mm/ssDD/MM/YYYY HH:mm:ssDD.MM.YYYY HH/mm/ssDD.MM.YYYY HH:mm:ssDD-MM-YYYY HH/mm/ssDD-MM-YYYY HH:mm:ssYYYY/MM/DD HH/mm/ssYYYY/MM/DD HH:mm:ssYYYY.MM.DD HH/mm/ssYYYY.MM.DD HH:mm:ssYYYY-MM-DD HH/mm/ssYYYY-MM-DD HH:mm:ssMM/DD/YYYY HH:mm:ssDD/MM/YYYYDD.MM.YYYYDD-MM-YYYYYYYY/MM/DDYYYY.MM.DDYYYY-MM-DDMM/DD/YYYYHH/mm/ssHH:mm:ssMethods
=======

[](#methods)

NameTypeDescriptiononShowfunctionThe function that is called when the datepicker popover is ready to be displayed.onShownfunctionThe function that is called when the datepicker popover is displayed.onHidefunctionThe function that is called when datepicker popover to prepare for hiding.onHiddenfunctionThe function that is called when the datepicker popover is hidden.onGetPrevfunctionThe function that is called when you select the previous month or year.onGetNextfunctionThe function that is called when you select the next month or year.onSetValuefunctionThe function that is called when the date is selected. Sets new date value to input.Status and version
==================

[](#status-and-version)

- v.1.1.1 - Fix init datetime val()
- v.1.1.0 - Plugin in progress development

###  Health Score

28

—

LowBetter than 54% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity8

Limited adoption so far

Community9

Small or concentrated contributor base

Maturity65

Established project with proven stability

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~321 days

Recently: every ~402 days

Total

6

Last Release

1056d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/9806ee0c149c1e5f7a634cbb9528b400d3bff22ce7d67bcbac89cb0b1a9147c2?d=identicon)[alex-wdmg](/maintainers/alex-wdmg)

---

Top Contributors

[![alex-wdmg](https://avatars.githubusercontent.com/u/1635637?v=4)](https://github.com/alex-wdmg "alex-wdmg (38 commits)")

---

Tags

bootstraptwitter bootstraptimepickerdatepicker

### Embed Badge

![Health badge](/badges/wdmg-bootstrap-datepicker-plugin/health.svg)

```
[![Health](https://phpackages.com/badges/wdmg-bootstrap-datepicker-plugin/health.svg)](https://phpackages.com/packages/wdmg-bootstrap-datepicker-plugin)
```

###  Alternatives

[eternicode/bootstrap-datepicker

A datepicker for Bootstrap

12.7k543.8k6](/packages/eternicode-bootstrap-datepicker)[stephanecollot/datetimepicker-bundle

Symfony bundle for Bootstrap DateTime picker

57134.6k1](/packages/stephanecollot-datetimepicker-bundle)[mwsimple/scdatetimepicker-bundle

Symfony bundle for Bootstrap DateTime picker - Twigv3

1163.4k1](/packages/mwsimple-scdatetimepicker-bundle)[silverware/calendar

SilverWare Calendar Module.

1644.2k1](/packages/silverware-calendar)[zfbase/zend1-bootstrap3

Twitter Bootstrap v.3 Forms for Zend Framework v.1

1455.7k2](/packages/zfbase-zend1-bootstrap3)[tempusdominus/core

A date/time picker component designed for Momentjs.

119.4k2](/packages/tempusdominus-core)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)