Skip to content
Advertisement

Bootstrap datepicker get current format

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.

Advertisement

Answer

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">
User contributions licensed under: CC BY-SA
5 People found this is helpful
Advertisement