bootstrap-datepicker cdn
bootstrap-datepicker - Libraries - cdnjs - The #1 free and open source CDN built to make life easier for developers
A datepicker for Bootstrap forked from Stefan Petre's (of eyecon.ro), improvements by eternicode - Simple. Fast. Reliable. Content delivery at its finest. cdnjs is a free and open-source CDN service trusted by over 12.5% of all websites, serving over 200 b
cdnjs.com
bootstrap-datepicker github
GitHub - uxsolutions/bootstrap-datepicker: A datepicker for twitter bootstrap (@twbs)
A datepicker for twitter bootstrap (@twbs). Contribute to uxsolutions/bootstrap-datepicker development by creating an account on GitHub.
github.com
bootstrap-datepicker 문서 예제
Markup — bootstrap-datepicker documentation
Markup The following are examples of supported markup. On their own, these will not provide a datepicker widget; you will need to instantiate the datepicker on the markup. input The simplest case: focusing the input (clicking or tabbing into it) will show
bootstrap-datepicker.readthedocs.io
사용법
<!-- bootstrap-datepicker css-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.standalone.min.css"
integrity="sha512-TQQ3J4WkE/rwojNFo6OJdyu6G8Xe9z8rMrlF9y7xpFbQfW5g8aSWcygCQ4vqRiJqFsDsE1T6MoAOMJkFXlrI9A=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- jquery CDN-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<!-- bootstrap-datepicker CDN-->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin="anonymous"></script>
<!--한국어 달력 쓰려면 추가 로드-->
<!-- bootstrap-datepicker CDN-->
<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" referrerpolicy="no-referrer"></script>bootstrap-datepicker의 cdn이 jquery의 cdn 보다 밑에 있어야 한다.
<div class="mybox">
<input id="date"/>
</div>
<script>
$('#date').datepicker({
format : "yyyy-mm-dd",
language: "ko"
});
// format: "yyyy-mm-dd", //데이터 포맷 형식(yyyy : 년 mm : 월 dd : 일 )
// language : "ko" //달력의 언어 선택, 그에 맞는 js로 교체해줘야한다.
</script>결과
span에 값을 넣어 버튼을 만드려고 삽질을 했다.
그냥 input을 버튼으로 만들면 되었을것을...
'html, css' 카테고리의 다른 글
| 페이스북 이모티콘 모음 (0) | 2022.09.12 |
|---|---|
| 구글 웹폰트 사용하기 (0) | 2022.09.12 |
| html 태그 정리 (0) | 2022.09.12 |
| HTML이란 (0) | 2021.12.03 |
