-
bootstrap datepickerjavascript&html 2023. 8. 31. 20:00728x90반응형
# bootstrap datepicker
cdn 을 사용하여 datepicker 표시(bootstrap이 아닌 예전 템플릿을 그냥 사용하는 것도....)
<!-- include --!> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css" integrity="sha512-mSYUmp1HYZDFaVKK//63EcZq4iFWFjxSL+Z3T/aCt4IO9Cejm03q3NKKYN6pFQzY0SBOr8h+eCIAZHPXcpZaNw==" crossorigin="anonymous" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js" integrity="sha512-T/tUfKSV1bihCnd+MxKD0Hm1uBBroVYBOYSk1knyvQ9VyZJpc/ALb4P0r6ubwVPSGB2GvjeoMAJJImBG12TiaQ==" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/locales/bootstrap-datepicker.ko.min.js" integrity="sha512-L4qpL1ZotXZLLe8Oo0ZyHrj/SweV7CieswUODAAPN/tnqN3PA1P+4qPu5vIryNor6HQ5o22NujIcAZIfyVXwbQ==" crossorigin="anonymous"></script> <script> $(function () { $(".date").datepicker({ language : 'ko', format : 'yyyy-mm-dd', autoclose : true, minViewMode : 0, maxViewMode : 0, startView : 0, clearBtn : true }); }); </script>
728x90반응형'javascript&html' 카테고리의 다른 글
자바스크립트 천단위 콤마 입력/제거 (0) 2023.10.20 문자열 공백제거 (0) 2023.10.19 javascript 페이지 이동, 새로고침 (0) 2022.08.09 bootstrap tooltip (0) 2022.07.12 자식창에서 부모창으로 태그 전달 [outerHTML] (0) 2022.06.21