/jquery-input-date

Primary LanguageJavaScriptMIT LicenseMIT

jQuery "input date" plugin

Works with :

  • jQuery
  • Bootstrap 3
  • bootstrap-datepicker
  • jquery.inputmask

Usage

Load the scripts:

<script src="jquery.js"></script>

<script src="bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script>
<script src="bootstrap-datepicker/dist/locales/bootstrap-datepicker.fr.min.js"></script>

<script src="jquery.inputmask/dist/min/inputmask/inputmask.min.js"></script>
<script src="jquery.inputmask/dist/min/inputmask/inputmask.date.extensions.min.js"></script>
<script src="jquery.inputmask/dist/min/inputmask/jquery.inputmask.min.js"></script>

<script src="jquery.input-date.js"></script>

Put an input:

<div class="form-group">
    <label for="start_at">Date</label>
    <input class="form-control" id="start_at" name="start_at" value="2018-02-24" type="text">
</div>

Run the script:

(function($) {
    $('#start_at').inputDate();
})(jQuery);