bootstrap-datepicker의 사용법은 무엇입니까-프런트엔드 Q&A-php.cn

bootstrap-datepicker의 사용법은 무엇입니까

WBOY

풀어 주다： 2022-05-05 17:49:34

원래의

3239명이 탐색했습니다.

부트스트랩에서 "bootstrap-datepicker"는 달력 및 시간 스타일을 설정하는 데 사용됩니다. 구문은 "element object.datepicker({property:property value,...})"입니다. 시간 표시 스타일을 설정하기 위해 다른 속성을 전달할 수 있습니다.

bootstrap-datepicker의 사용법은 무엇입니까

이 튜토리얼의 운영 환경: Windows 10 시스템, 부트스트랩 버전 3.3.7, DELL G3 컴퓨터

bootstrap-datepicker의 사용법은 무엇입니까?

bootstrap-datepicker는 시간 선택 플러그인입니다. 하지만 기본으로 표시되는 텍스트 형식은 영어이므로 먼저 중국어 패키지를 소개해야 합니다

<script type="text/javascript" src="bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.js"></script>
<script type="text/javascript" src=&#39;bootstrap-datetimepicker-master/js/locales/bootstrap-datetimepicker.zh-CN.js&#39;></script>
<script>

로그인 후 복사

bootstrap-datepicker의 몇 가지 기본 속성에 대한 간략한 소개

$(function(){
         $(&#39;#datetimepicker&#39;).datetimepicker({
           language:"zh-CN",    //语言选择中文
           format:"yyyy-mm",    //格式化日期
           timepicker:true,     //关闭时间选项
           yearEnd:2050,        //设置最大年份
           todayButton:false    //关闭选择今天按钮
           autoclose: 1,        //选择完日期后，弹出框自动关闭
           startView:3,         //打开弹出框时，显示到什么格式,3代表月
           minView: 3,          //能选择到的最小日期格式
    });

로그인 후 복사

2가지 간단한 사례를 제공합니다

연도와 월만 표시합니다

$(&#39;#datetimepicker&#39;).datetimepicker({
         language:"zh-CN",
         format:&#39;yyyy-mm&#39;,
         autoclose: 1,
         startView:3, 
         minView: 3,
       });

로그인 후 복사

bootstrap-datepicker의 사용법은 무엇입니까

연도, 월, 일 표시

            language:  &#39;zh-CN&#39;,  
            minView:2,
            autoclose: 1,
            startView:3, 
            format:&#39;yyyy-mm-dd&#39;,

로그인 후 복사

bootstrap-datepicker의 사용법은 무엇입니까