laydate 初始化选中当前年当前月

实现效果

关键Html 代码

<div class="layui-form-item"><label class="layui-form-label">年</label><div class="layui-input-block"><input type="text" name="year" id="year" lay-verify="required" lay-verType="tips"placeholder="请输入年" autocomplete="off" class="layui-input"></div>
</div>
<div class="layui-form-item"><label class="layui-form-label">月</label><div class="layui-input-block"><select name="month" id="month" lay-filter="month" lay-verify="required"><option value="">请选择</option><option value="01">1月</option><option value="02">2月</option><option value="03">3月</option><option value="04">4月</option><option value="05">5月</option><option value="06">6月</option><option value="07">7月</option><option value="08">8月</option><option value="09">9月</option><option value="10">10月</option><option value="11">11月</option><option value="12">12月</option></select></div>
</div>

关键Js代码

//年月选择器
layui.laydate.render({elem: '#year', type: 'year', value: new Date().getFullYear() //初始化赋值当前年
});//获取当前月
var month = new Date().getMonth() + 1;
month = (month < 10 ? "0" + month : month);
$("#month").find("option[value='" + month + "']").attr("selected", true);
form.render();

laydate 初始化选中当前年当前月相关推荐

primeng的Tree初始化选中,实现联动效果
开发场景:angular7 html代码 <p-tree selectionMode="checkbox" [value]="Source" [(sele ...
chosen.jquery.js 初始化选中多个单个以及其他一些操作
1.引入css库,JQ库,以及chosen.jquery.js <link href='https://cdn.bootcss.com/chosen/1.5.1/chosen.min.css' ...
[转]ExtJS Grid 分页时保持选中的简单实现方法
原文地址 :http://www.qeefee.com/article/ext-grid-keep-paging-selection ExtJS中经常要用到分页和选择,但是当选择遇到分页的时候,杯具就 ...
jquery --- DOM操作、表单元素的初始化
1.获取ul里第2个li节点: var $li_two = $("ul li:eq(1)"); // 获取该节点的内容 var $li_two_txt = $li_two.text ...
iOS开发，多个button数组，每个数组只能选中5项，多个数组只能选择3个。
由于常用xib,所以不想用代码写那么多个button.而且也懒的算位置直接xib拉线成四个数组.水果,零食,饮料,甜点. 入题实现的功能就是,在这四个数组之中只能在3个数组只选中5项.有点绕(就比如 ...
Android实现RecyclerView二级列表可折叠展开选中
前言项目里需要实现个可折叠,可展开的的二级列表,首先想到了用ExpandListView去实现,ExpandListView是继承ListView的.由于项目里所有列表都用Recycleview,再 ...
自定义日历控android,Android 一个日历控件的实现小记
先看几张动态的效果图吧! 这里主要记录一下在编写日历控件过程中一些主要的点: 一.主要功能 1.支持农历.节气.常用节假日 2.日期范围设置,默认支持的最大日期范围[1900.1~2049.12] 3 ...
android实现上班打卡记录日历查看功能
更新了项目,适合按月渲染打卡记录(使用看使用技巧):calendarview.zip-互联网文档类资源-CSDN下载项目地址(打卡记录要初始化前一次全部渲染出来): CalendarView.zip ...
android实现打卡功能,android实现上班打卡记录日历查看功能
项目地址: https://download.csdn.net/download/jifenglie/12588312 日历实现查看打卡记录功能: 功能: 1.支持农历.节气.常用节假日 2.日期范围 ...

laydate 初始化选中当前年当前月

laydate 初始化选中当前年当前月相关推荐

最新文章

热门文章