amazeui datepicker日历控件 设置默认当日

amazeui datepicker日历控件 设置默认当日

背景：

最近在做一个系统的时候，前台需要选择日期，传给后台进行处理，每次都需要通过手动点击组件，选择日期，这样子很不好，所以我想通过程序自动实现，设置日期选择框默认值，这样子就不用每次都选了。

分析：

项目是使用Spring Boot+thymeleaf的技术栈实现的，日期控件data-am-datepicker我看了一下应该是基于amazeui（官网地址：http://amazeui.shopxo.net/），查看了一下官方文档，发现.datepicker(‘setValue‘, value)方法可以实现。

方法说明

方法名称	描述
.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);
    });

实现的效果

amazeui datepicker日历控件 设置默认当日

原文：https://www.cnblogs.com/zhongfengshan/p/11407774.html