デフォルトの日を設定するamazeui DatePickerのカレンダーコントロール
背景:
フロントデスクでは、これは非常に悪いように、すべての時間は、日付を選択し、手動でコンポーネントをクリックする必要があり、日付を選択し、バックグラウンド処理を渡す必要があるので、私は自動的にプログラムを通じて達成したいとき最近のシステムをやって、日付選択ボックスのデフォルトを設定しますこのような値は、常に選出されません。
分析:
プロジェクトは、私がamazeuiに基づくべきで見て、日付コントロールデータ-AM-日付ピッカーを達成するために春ブーツ+ 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);
});