JSFiddle - React, Tailwind, and code Playground

by praveen_jegan

HTML

<link rel="stylesheet" href="http://eternicode.github.io/bootstrap-datepicker/bootstrap-datepicker/css/datepicker.css">
<script src="http://eternicode.github.io/bootstrap-datepicker/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<div class="input-append date" id="dp3" >
    <input type="text" id="datepicker" /> <span class="add-on"></span>

</div>
<select>
    <option>1</option>
    <option>2</option>
</select>

JavaScript

$("#dp3").datepicker();
$('select').on('change', function () {
    var d = $('select option:selected').text();
    if (d == 2) {
        $("#dp3").datepicker('remove');
        $("#dp3").datepicker({
            format: "dd/mm/yyyy"
        })
    }
    else {
         $("#dp3").datepicker('remove');
        $("#dp3").datepicker({
            format: "mm/dd/yyyy"
        })
    }
});