javascript&html

bootstrap datepicker

수수깡깡 2023. 8. 31. 20:00
728x90
반응형

# 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
반응형