기본 일 설정 날짜 선택기 달력 컨트롤을 amazeui

기본 일 설정 날짜 선택기 달력 컨트롤을 amazeui

배경 :

프론트 데스크이 매우 나쁜처럼, 모든 시간, 날짜를 선택, 수동 구성 요소를 클릭 할 필요가 날짜를 선택 백그라운드 처리를 전달할 필요가 그래서 자동 프로그램을 통해 달성하고자 할 때 최근에 시스템을하고, 날짜 선택 상자의 기본 설정 값은,이처럼 항상 선출 없습니다.

분석 :

프로젝트 내가 amazeui을 기반으로해야 보았다, 날짜 제어 데이터 오전 날짜 선택기를 달성하기 위해 봄 부팅 + thymeleaf 기술 스택을 사용하는 것입니다 (공식 웹 사이트 주소 http://amazeui.shopxo.net/ )의 공식 문서를 확인, 발견 .datepicker ( 'setValue의'는 값) 방법이 구현 될 수있다.

방법 설명

메소드 이름	기술
.datepicker('open')	쇼 달력
.datepicker('close')	숨기기 달력
.datepicker('place')	업데이트 통화 datepicker상대 위치
.datepicker('setValue', value)	설정 Datepicker에 새 값을

코드 :

<div class="am-form-group ">
 <label for="record_date" class="am-u-sm-3 am-form-label">consume_date</label>
   <div class="am-u-sm-9 am-radio">
     <input type="text" class="am-form-field" id="record_date" placeholder="请选择日期" 
            data-am-datepicker readonly required name="record_date" />
   </div>
</div>

코드에 가입 :

$(function() {
    var TodayDate = new Date();
      $('#record_date').datepicker('setValue', TodayDate);
    });

결과를 달성