> 웹 프론트엔드 > JS 튜토리얼 > daterangepicker 달력 플러그인 사용에 대한 자세한 설명

daterangepicker 달력 플러그인 사용에 대한 자세한 설명

php中世界最好的语言
풀어 주다: 2018-04-19 16:21:47
원래의
4636명이 탐색했습니다.

이번에는 daterangepicker 캘린더 플러그인 사용에 대한 자세한 설명을 가져오겠습니다. daterangepicker 캘린더 플러그인 사용 시 주의사항은 무엇인가요?

특정 시간 시, 분, 초 표시:

timePicker가 true로 설정됨, //일부 자료에 기록된 pickerTime이 올바르지 않음

주요 함정: 시간의 기본 표시 형식을 수정하고 로케일로 형식을 작성함. 인터넷 자료에는 직접 작성하라고 되어 있는데 daterangepicker 속성에서는 별 효과가 없습니다.

시작 및 종료 시간을 특정 연도, 월, 일로 설정하거나 현재 날짜를 생성할 수 있습니다(new Date() 또는 moment() [moment() 메서드는 moment.js가 현재 날짜를 가져오는 함수입니다. time])

$(“#dateid”).daterangepicker({
      startDate: moment(),// '2013-01-01', 
      maxDate:newDate(),
      endDate: moment(),//new Date(),
      dateLimit : {
        days : 30
      },//起止时间的最大间隔
      timePicker :true,//是否显示小时和分钟
      timePickerIncrement : 1,//时间的增量,单位为分钟
      timePicker24Hour :true,//是否使用24小时制来显示时间
      locale: {//用来设置默认时间显示格式,各个按钮空间的中文显示
format:'YYYY/MM/DD HH:mm:ss',
applyLabel:'确认',
       cancelLabel:'取消',
       fromLabel:'从',
       toLabel:'到',
       weekLabel:'W',
       customRangeLabel:'选择时间',
       daysOfWeek:["日","一","二","三","四","五","六"],
       monthNames: ["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十 一月","十二月"] 
}
    range: {//设置快捷区间控件,不同的时间段
      "近期": ['2015-04-12',newDate()]
    }
  },function(start, end, label) {
    alert('A date range was chosen: '+ start.format('YYYY-MM-DD') +' to '+ end.format('YYYY-MM-DD'));
  }
로그인 후 복사

이 기사의 사례를 읽었을 것입니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 자료:

jquery 플러그인 확장 사용에 대한 자세한 설명

jQuery가 브라우저 버전을 결정하는 방법

base64가 암호화 및 암호 해독 기능을 구현합니다

위 내용은 daterangepicker 달력 플러그인 사용에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿