ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • bootstrap datepicker
    javascript&html 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
    반응형

    댓글

Designed by Tistory.