การทำ Dark mode ให้กับเว็บไซต์
CSS Dark mode เพิ่มธีมสีมืดให้เว็บไซต์ [crayon-6636bb10…
การติดตั้ง NVM ใน MacOS
การติดตั้ง NVM ใน MacOS [crayon-6636bb10bb8c4488420846/…
เตรียมเครื่องสำหรับเริ่มเขียน Node.js & React
Environment Setup – Command Line Tools …
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:
jQuery Validate Onkeyup
HTML Code
|
1 2 3 4 5 6 |
<form id="myform"> <input type="text" name="field" /> <br/> <input type="submit" /> </form> <a id="docs" href="http://docs.jquery.com/Plugins/Validation" target="_blank">Validation Documentation</a> |
CSS Code [c…