Bootstrap 3 Datepicker Buddhist Year
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 |
<!DOCTYPE html> <html> <head> <title>Datepicker for Bootstrap By javascriptthai</title> <meta charset="utf-8" /> <link href="https://rawinby.com/cdn/datepicker/bootstrap.min.css" rel="stylesheet" /> <link href="https://rawinby.com/cdn/datepicker/bootstrap-datepicker3.css" rel="stylesheet" /> </head> <body> <br><br> <label for="inputdatepicker" class="col-md-2 control-label">Datepicker</label> <div class="col-md-10"> <input id="input_date" class="datepicker" data-date-format="mm/dd/yyyy" autocomplete="off"> Auto <br><br> <input id="input_date2" class="datepicker" data-date-format="mm/dd/yyyy" autocomplete="off"> Default Date / Auto </div> <script src="https://rawinby.com/cdn/datepicker/jquery-2.1.3.min.js"></script> <script src="https://rawinby.com/cdn/datepicker/bootstrap-datepicker-custom.js"></script> <script src="https://rawinby.com/cdn/datepicker/bootstrap-datepicker.th.min.js" charset="UTF-8"></script> <script> $(document).ready(function() { $('#input_date').datepicker({ format: 'dd/mm/yyyy', todayBtn: false, language: 'th', thaiyear: true, autoclose: true, todayHighlight: true, }); $('#input_date2').datepicker({ format: 'dd/mm/yyyy', todayBtn: false, language: 'th', thaiyear: true, autoclose: true, todayHighlight: true, orientation: "top left", }).datepicker("setDate", new Date('2018-09-12')); }); </script> </body> </html> |
Example: