Home > Enterprise >  Bootstrap datepicker get current format
Bootstrap datepicker get current format

Time:09-24

Is it possible to get the current format applied to bootstrap datepicker from the bootstrap-datepicker object?

I have several datepickers with different formats and I'd like to get the format in each of them to apply different validation methods based on the current format.

CodePudding user response:

I have 3 solutions for you.

Solution 1: Declare dateFormat variable and use it on datepicker init or anywhere you want.

var dateFormat = 'mm/dd/yyyy';

$('.datepicker').datepicker({
    format: dateFormat ,
    startDate: '-3d'
});

Solution 2: Declare dateFormat variable and use it on $.fn.datepicker.defaults to apply for all datepickers and use it anywhere you want.

var dateFormat = 'mm/dd/yyyy';
$.fn.datepicker.defaults.format = dateFormat;
$('.datepicker').datepicker({
    startDate: '-3d'
});

Solution 3: Init datepicker by data-date-format in HTML and you can get it by $("#datepicker").attr('data-date-format').

console.log($("#datepicker").attr('data-date-format'));
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="datepicker" class="datepicker" data-date-format="mm/dd/yyyy">

  • Related