【js】日期控件的实现

news2025/1/19 20:38:21

需求:通过日期控件实现只显示年月

效果如下图:
在这里插入图片描述

日期控件使用的是My97DatePicker
可以从官网下载:http://www.my97.net/,或者:
链接:https://pan.baidu.com/s/1KRXSjfqpyguZ67vBrOWM8g
提取码:aq18

使用步骤:

1、解压后将其复制到项目中,在jsp中进行引用
注:src="My97DatePicker/WdatePicker.js"需要根据实际情况改变路径。

<script language="javascript" type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>

2、之后只需要在input中加入WdatePicker({dateFmt:‘yyyy-MM’}),即可正常使用 例:

 <input id="test"   onclick="WdatePicker({dateFmt:'yyyy-MM'})" placeholder="点击选择年月">

3、对月份添加限制,只能选择前12个月,增加如下属性:

<input id="report_date" onclick="WdatePicker({dateFmt:'yyyy-MM', minDate:'{%y-1}-%M',maxDate:'%y-%M' })" placeholder="点击选择年月">

minDate:‘{%y-1}-%M’设置最小日期只能向前选择12个月
maxDate:’%y-%M’设置最大日期只能到今天,再往前就无法选择了。

参考链接:https://blog.csdn.net/qq_43948440/article/details/110439071

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

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

相关文章

Python创建增量目录的代码实例

目录1、需求很简单2、代码3、使用方法1、需求很简单 比如我在做机器学习实验的时候&#xff0c;实验结果的保存路径是’runs/exp’。 这样就会出现一个问题&#xff1a;当我第二次运行程序的时候&#xff0c;如果我忘记更改代码中的路径名或者清除上次实验结果&#xff0c;这…

BurpSuite官方实验室之逻辑漏洞

BurpSuite官方实验室之逻辑漏洞 这是BurpSuit官方的实验室靶场&#xff0c;以下将记录个人逻辑漏洞共11个Lab的通关过程 Web Security Academy: Free Online Training from PortSwigger lab1&#xff1a; Excessive trust in client-side controls 过度信任客户端控件 目…

PyTorch学习笔记-Convolution Layers与Pooling Layers

1. Convolution Layers 由于图像是二维的&#xff0c;因此基本上最常用到的就是二维的卷积类&#xff1a;torch.nn.Conv2d&#xff0c;官方文档&#xff1a;torch.nn.Conv2d。 Conv2d 的主要参数有以下几个&#xff1a; in_channels&#xff1a;输入图像的通道数&#xff0c…

IDEA关于数据库报错SQL dialect is not configured或Unable to resolve table ‘表名‘

目录一、SQL dialect is not configured1.1 报错场景展示1.2 方式一&#xff0c;万能altenter1.3 方式二&#xff0c;在setting中设置二、Unable to resolve table 表名2.1 报错场景展示2.2 方式一&#xff0c;万能altenter2.3 方式二&#xff0c;在setting中设置一、SQL diale…

vscode开发STM32(三)---调试篇

vscode开发STM32&#xff08;三&#xff09;—调试篇 文章目录vscode开发STM32&#xff08;三&#xff09;---调试篇前提条件配置调试配置JLink使用JLinkGDB进行调试配置stlink使用openOCD进行调试完整的launch文件内容前提条件 安装Cortex-Debug插件 安装OpenOCD 安装JLink驱…

LeetCode HOT 100 —— 48.旋转图像

题目 给定一个 n n 的二维矩阵 matrix 表示一个图像。请你将图像顺时针旋转 90 度。 你必须在 原地 旋转图像&#xff0c;这意味着你需要直接修改输入的二维矩阵。请不要 使用另一个矩阵来旋转图像。 思路 方法一&#xff1a;使用辅助数组 可以得出规律&#xff0c;将图像旋…

集合框架----源码解读HashMap篇(一)

1.HashMap官方介绍 基于哈希表的Map接口实现。该实现提供了所有可选的映射操作&#xff0c;并允许空值和空键。(HashMap类大致相当于Hashtable&#xff0c;除了它是非同步的&#xff0c;并且允许为空值。)这个类不保证映射的顺序;特别是&#xff0c;它不能保证顺序随时间的推移…

Nodejs -- Express托管静态资源

文章目录托管静态资源1 expess.static()2 托管多个静态资源目录3 挂载路径前缀托管静态资源 1 expess.static() express提供了一个非常好用的函数&#xff0c;叫做express.static()&#xff0c;通过它&#xff0c;我们可以非常方便地创建一个静态资源服务器&#xff0c;例如&…

PG::FunboxEasyEnum

nmap -Pn -p- -T4 --min-rate1000 192.168.81.132 nmap -Pn -p 22,80 -sCV 192.168.81.132 80端口是Apache2 Ubuntu的默认页面 尝试路径爆破 /mini.php可以进行文件上传 直接上传reverse-php-shell 上传linpeas脚本进行枚举&#xff0c;得到oracle用户的密码hash oracle…

2022-11-28-大数据可视化“可视化国产/进口电影票房榜单”分析,特征维度大于50

可视化国产/进口电影票房榜单前言数据分析数据可视化过程分析总结前言 党的十八大以来&#xff0c;国产电影产业与事业快速发展&#xff0c;创作水平不断提高&#xff0c;题材类型丰富多元&#xff0c;受众口碑不断提升&#xff0c;在市场竞争中表现愈发突出&#xff0c;已成为…

《论文阅读》BA-NET: DENSE BUNDLE ADJUSTMENT NETWORKS

留个笔记自用 BA-NET: DENSE BUNDLE ADJUSTMENT NETWORKS 做什么 首先是最基础的&#xff0c;Structure-from-Motion&#xff08;SFM&#xff09;&#xff0c;SFM可以简单翻译成运动估计&#xff0c;是一种基于dui8序列图片进行三维重建的算法。简单来说就是是从运动中不同角…

【Python】记录从3.9升级到3.11踩的坑

写在前面的话&#xff1a;如果想体验python3.11&#xff0c;不推荐生产环境升级&#xff0c;可以现在测试环境试试看 环境变化 原始环境 Python3.9&#xff0c;有挺多安装的第三方库&#xff0c;有自己写的类和方法&#xff0c;程序一切运行正常 升级环境 Python3.11&#…

如何获取Adreno GPU数据

什么是GPU GPU&#xff08;Graphic Processing Unit&#xff09;是图形处理器&#xff0c;相当于在计算机和移动终端上做图形图像运算工作的微处理器&#xff0c;显示芯片。通过向量计算和并行计算等方式加速了原有的计算工作&#xff0c;能够更好地处理几何转换和光照计算等&a…

如何与意法半导体STMicro建立EDI连接?

项目背景 意法半导体STMicro是全球最大的半导体公司之一&#xff0c;2010 年净收入 103.5 亿美元&#xff0c;2011 年第二季度净收入 25.7亿美元。 以业内最广泛的产品组合著称&#xff0c;凭借多元化的技术、尖端的设计能力、知识产权组合、合作伙伴战略和高效的制造能力&…

pdf怎么编辑?分享两款pdf编辑软件,编辑pdf也很简单!

pdf怎么编辑&#xff1f;其实也很简单&#xff0c;现在跟大家分享两款pdf编辑软件&#xff0c;可以让我们对pdf实现自由编辑修改&#xff0c;有了这两款pdf编辑软件&#xff0c;编辑pdf将不再困难。 pdf编辑软件一&#xff1a;万兴pdf编辑软件 万兴pdf是一款受众广泛&#xff0…

【设计】OOA、OOD、OOP

这三者都是 OO&#xff08;Object-Oriented&#xff09;领域的思想。 一般我们我们接到产品经理的需求后&#xff0c;开发阶段分这样几个步骤&#xff1a; 可行性预研阶段&#xff0c;此阶段评估需求是否合理&#xff0c;能否实现&#xff1b;OOA阶段&#xff0c;此阶段分析用…

【Lilishop商城】No2-5.确定软件架构搭建四(本篇包括消息中间件RocketMQ)

仅涉及后端&#xff0c;全部目录看顶部专栏&#xff0c;代码、文档、接口路径在&#xff1a; 【Lilishop商城】记录一下B2B2C商城系统学习笔记~_清晨敲代码的博客-CSDN博客 全篇只介绍重点架构逻辑&#xff0c;具体编写看源代码就行&#xff0c;读起来也不复杂~ 谨慎&#xff…

Python:如何在 CentOS 8 服务器上运行 Selenium 代码?

前言 因项目需求&#xff0c;需要在 CentOS 8 服务器上运行 Python-Selenium 代码&#xff0c;那么该如何操作呢&#xff1f; 运行环境 CentOS Stream 8Python 3.9.13selenium4.6.0Google Chrome 107.0.5304.121 操作步骤 安装 Google Chrome 下载 Linux 版本的 Chrome 将下…

怎么合并视频?快把这些方法收好

小伙伴们平时会在通过网课来提高自己的技能吗&#xff1f;我经常会在网上保存一系列的视频进行学习&#xff0c;可是当保存的网课视频数量多起来后&#xff0c;每次想要找对应的视频&#xff0c;都得花上不少的时间。其实我们可以通过将相同系列的视频合并起来的方法&#xff0…

java word,excel,ppt转pdf

准备工作 1.下载 jacob.jar 链接&#xff1a;https://pan.baidu.com/s/1TWIGyX9A3xQ6AG9Y3mVlVg 提取码&#xff1a;abcd 2.下载安装wpsWPS Office-支持多人在线编辑多种文档格式_WPS官方网站 3.添加 jar到项目和ddl文件放在jdk的jre/bin目录下&#xff0c;记得自己系统是…