日期插件(默认显示当前日期)---年月

news2024/12/23 1:30:43

 

 方法:加载页面时将当前日期赋值

<!--    选择年月-->
<div class="form-group">
    <label class="col-sm-2 control-label is-required">时间:</label>
    <button id="bin0"><< </button> <button id="bin1">< </button>
    <input type="text" name="speechTime"  id="in" readonly="readonly" required ><button id="bin2" required>>  </button><button id="bin3"> >></button>
</div>

 

 

<script>
    var myDate = new Date;
    var year = myDate.getFullYear(); //获取当前年
    var mon = myDate.getMonth() + 1; //获取当前月
    // var nowdata=year+"-"+month;
    window.οnlοad=function (){
        $("#in").val(this.year+"-"+this.mon);
        $("#in").trigger('change');createList(this.year, this.mon, '');}

 

// window.onload = createList(year, mon, '');
//关于时间控件input 内容改变的触发事件
var yearStr;
var monthStr;
var nameStr;

$("#in").change(function () {
// alert("触发内容改变事件");
    var mobia = $("#in").val();
    //2022-07
    // alert(mobia);
    //获取年
    yearStr = mobia.substring(0, 4);
    // var yearStra=mobia.substring(0,4);
    // yearStr=parseFloat(yearStra)
    //获取月 去掉字符串的前i个字符
    monthStr = mobia.substring(5);
    // var monthStra=mobia.substring(5);
    // monthStr=parseFloat(monthStra)
    createList(yearStr, monthStr, nameStr);
    // console.log(typeof monthStr)
    // downExcel(yearStr,monthStr,this.name);
});

 

//年
$('#bin0').click(function() {
    var lastyear;
    // var lastmonth;
    var dateSplicing;
    //当前显示日期
    var nowtime = $("#in").val();
    //2022-07
    // alert(mobia);
    //获取年
    yearStr = nowtime.substring(0, 4);
    //上一个年份
    lastyear = parseInt(yearStr) - 1;
    //获取月 去掉字符串的前i个字符
    monthStr = nowtime.substring(5);
    //年月拼接,将值赋给日期
    dateSplicing=lastyear+"-"+monthStr;
    $("#in").val(dateSplicing);
    // alert(dateSplicing);
    $("#in").trigger('change');
})
</script>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/66395.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Nvidia 驱动安装

由于使用unreal engine editor 开发,需要安装nvidia 独显驱动,遇到各种坑,在此记录,方便自己以后再次遇到,也希望能帮助他人辟坑 系统: Ubuntu18.04 显卡:Geforce GTX 1650 UE版本:5.1.0 1. 自动安装 sudo ubuntu-drivers devices 推荐安装470 sudo ubuntu-drivers autoi…

Redis哨兵模式原理剖析,监控、选主、通知客户端你真的懂了吗?

哨兵启动后只指定了master的地址&#xff0c;要想知道整个集群中完整的拓扑关系怎么做呢&#xff1f; 哨兵每隔10秒会向每个master节点发送 info 命令&#xff0c; info 命令返回的信息中&#xff0c;包含了主从拓扑关系&#xff0c;其中包括每个slave的地址和端口号。有了这些…

[附源码]计算机毕业设计汽配管理系统Springboot程序

项目运行 环境配置&#xff1a; Jdk1.8 Tomcat7.0 Mysql HBuilderX&#xff08;Webstorm也行&#xff09; Eclispe&#xff08;IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持&#xff09;。 项目技术&#xff1a; SSM mybatis Maven Vue 等等组成&#xff0c;B/S模式 M…

10. 获取操作系统版本和位数

1. linux如何查看系统版本 (1) 查看系统版本&#xff1a;uname -a (2) 查看内核版本信息&#xff1a;less /proc/version (3) 查看发行版本信息&#xff1a;less /etc/issue (4) 查看发行版详细信息&#xff1a;lsb_release -a 2. 怎么查看linux是32位还是64 系统 (1) getco…

Web3中文|以太坊创始人V神:关注技术,而不是价格

全球第二大数字货币交易所 FTX 轰然倒下&#xff0c;可以说是牵连甚广&#xff0c;不止是小资族&#xff0c;不少资深玩家都在这次事件中亏损数百、数千万美元。Solana、BlockFi等都在此次事件中受到巨大冲击。 基于BNB Chain的去中心化金融&#xff08;DeFi&#xff09;协议A…

Mac 上好用的远程桌面软件:Splashtop

市场分析表明&#xff0c; Mac电脑的市场份额正在增加 。在相关新闻中&#xff0c;全球远程桌面软件市场正在经历巨大的增长 。 远程桌面软件允许你通过互联网连接到一个特定的计算机&#xff0c;并用一个单独的设备来控制它。然后你就可以使用任何应用程序&#xff0c;访问主…

笔试强训48天——day23

文章目录一. 单选1.下面程序段的时间复杂度为&#xff08;&#xff09;2. 下列关于线性链表的叙述中&#xff0c;正确的是&#xff08; &#xff09;3. 下列描述的不是链表的优点是&#xff08; &#xff09;4. 向一个栈顶指针为h的带头结点的链栈中插入指针s所指的结点时,应执…

纺织进入“寒冬”,纺织企业利用APS生产排产加强生产管

进入11月&#xff0c;对于纺服产业链而言&#xff0c;大体“金九银十”的旺季订单已经结束。实际上&#xff0c;经历了前三季度的疲弱表现&#xff0c;市场整体已经对四季度缺乏信心。的确从整个下游行业来看&#xff0c;纺织出口形势依然严峻&#xff0c;预计11月份纺织行业也…

图像增强之灰度变换

前言 图像增强是图像处理常用最常用的方法&#xff0c; 目录前言引言为什么进行空间域增强什么是图像增强如何进行图像增强空间域增强灰度变换线性变换简单的黑白转换灰度拉伸分段线性变换非线性变换对数变换幂次变换直方图均衡引言 为什么进行空间域增强 什么是图像增强 按…

天宇优配|多家房企发布再融资预案,最牛地产股九连板

多家上市房企抢先发布再融资预案&#xff1b;氢能工业车辆产线有新进展&#xff0c;燃料电池本钱或有下降空间。 房地产板块掀涨停潮 12月5日&#xff0c;房地产板块再度走高&#xff0c;掀起涨停潮&#xff0c;阳光股份、招商积余、沙河股份、粤宏远A等涨停&#xff1b;所属地…

uView教程-骨架屏搭建 #低代码 #小程序 #uView

当小程序没有加载完时会出现一个基础的骨架效果&#xff0c; 页面加载完之后骨架会消失掉&#xff0c; 这个效果怎么做的呢&#xff1f; 今天由我来带领大家学习如何使用骨架屏&#xff0c; 在guiplan低代码开发工具中&#xff0c; 选中要添加骨架的元素&#xff0c; 比如…

Lecture1:从图像分类引出概念

目录 1.我们如何处理图像分配这个任务 2.图像分类远古方法----利用曼哈顿距离&#xff1a;L1距离 3.图像分类远古方法----利用欧几里得距离&#xff1a;L2距离 4.超参数 1.我们如何处理图像分配这个任务 我们要给计算机一张图片&#xff0c;让它识别出这是一只猫&#xff1…

【区块链 | 预言机】从零开始使用Chainlink预言机(2)- 智能合约中使用更安全的随机数-代码实战

智能合约中使用更安全的随机数(代码实战篇) Chainlink最近推出一款革命性的产品,VRF—Verifiable Random Function可验证随机数,给智能合约带来了真正安全的随机数。本文我们就来介绍一下如何在智能合约中使用VRF吧。 我们先简要介绍一下Chainlink VFR的工作流程。 首先,…

科普:什么是ChatGPT?(文末有彩蛋)

科普&#xff1a;什么是ChatGPT&#xff1f;(文末有彩蛋) ChatGPT介绍 ChatGPT是OpenAI开发的一个大型预训练语言模型。它是GPT-3模型的变体&#xff0c;GPT-3经过训练&#xff0c;可以在对话中生成类似人类的文本响应。ChatGPT 旨在用作聊天机器人&#xff0c;我们可以对其进…

STM32F103定时计算方法

//TIM2时钟配置 void TIM2_Configuration(void) { TIM_TimeBaseInitTypeDef TIM_TimeBaseStructure; //定时器TIM2初始化 TIM_TimeBaseStructure.TIM_Period 499; //装载值(4991)500us TIM_TimeBaseStructure.TIM_Prescaler 63; //预分频&am…

WuThreat ITDR 可以快速构建多场景的身份认证与威胁检测能力

什么是WuThreat身份安全云&#xff1f; WuThreat 身份安全云融入身份认证和身份威胁检测与响应&#xff08;ITDR&#xff09;的技术&#xff0c;快速为企业的Web、APP等业务构建一体化多身份场景的认证与安全解决方案。WuThreat在身份认证与威胁检测领域是全球的创新领导者&am…

servletContext 对象的解释

大家好&#xff0c;今天来分享一下servletContext 作用 关于 servletContext 对象&#xff0c; 他代表是整个web 项目&#xff0c;他可以和servlet 或者程序的容器进行通信 同时也可以管理web项目 当一个web项目当中有很多servlet&#xff0c; 那这些servlet之间需要通信 就…

第二证券|六大券商热议“第三支箭”:再融资重启修复市场预期

房地产利好方针接连出台&#xff0c;“第三支箭”为商场再添强心针。上星期&#xff0c;证监会决定在房地产股权融资方面调整优化五项办法。上市房企纷繁呼应&#xff0c;已有近10家房企火速筹划再融资。 时隔多年&#xff0c;监管再度重启房企股权融资&#xff0c;对房地产商场…

Java搭建宝塔部署实战基于RuoYi开源博客管理系统源码

大家好啊&#xff0c;我是测评君&#xff0c;欢迎来到web测评。 本期给大家带来一套Java开发的RuoYi开源博客管理系统源码&#xff0c;是一个朋友发来给我&#xff0c;让我帮他测试怎么在宝塔搭建部署的&#xff0c;顺便录制出一个视频教程出来&#xff0c;搭建的方法还是比较简…

【基础算法】几种特殊数(素数、公约数、完全数、亲密数) C++实现

●素数 素数又称为质数&#xff0c;它指在一个大于1的自然数中&#xff0c;除了1和它自身外&#xff0c;没法被其他自然数整除的数。比1大&#xff0c;但不是素数的数称为合数。0和1既不是素数&#xff0c;也不是合数。因为素数的分布没有明显的规律&#xff0c;所以在程序中一…