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

背景:

最近在作一个系统的时候,前台须要选择日期,传给后台进行处理,每次都须要经过手动点击组件,选择日期,这样子很很差,因此我想经过程序自动实现,设置日期选择框默认值,这样子就不用每次都选了。html

分析:

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

方法说明

方法名称 描述
.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>复制代码

加入代码:

<script>$(function() {    var TodayDate = new Date();      $('#record_date').datepicker('setValue', TodayDate);    });</script>复制代码

实现的效果

相关文章
相关标签/搜索