js年月控件

最新推荐文章于 2024-04-16 22:49:44 发布
最新推荐文章于 2024-04-16 22:49:44 发布
阅读量1.6k 收藏
点赞数
分类专栏： JavaScript 文章标签： html js 年月控件
<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Calendar</title>
<!--输出代码-->
<script type="text/javascript">
    var AjarYearMonthInnerHTML="";
    AjarYearMonthInnerHTML+="<table border=\"0px\" cellspacing=\"1\" cellpadding=\"0\" width=\"144px\" height=\"19px\">";
    AjarYearMonthInnerHTML+="<tr align=\"center\">";
    AjarYearMonthInnerHTML+="<td><input name=\"nextMonth\" title=\"向前翻 1 月\" οnclick=\"AjarMonth('-1','PrevM')\" type=\"button\" value=\"&lt;\" style=\"background-color:#3D8BD6;cursor: hand; width:15px; height:100%; border:1px;\"/></td>";       
    AjarYearMonthInnerHTML+="<td id=\"AjarYear\" width=\"60px\" height=\"19px\" align=\"center\" title=\"点击这里选择年份\"></td>"; 
    AjarYearMonthInnerHTML+="<td id=\"AjarMonth\" width=\"50px\" height=\"19px\" align=\"center\" title=\"点击这里选择月份\"></td>"; 
    AjarYearMonthInnerHTML+="<td><input name=\"nextMonth\" title=\"向后翻 1 月\" οnclick=\"AjarMonth('1','NextM')\" type=\"button\" value=\"&gt;\" style=\"background-color:#3D8BD6;cursor: hand; width:15px; height:100%; border:1px;\"/></td>";
    AjarYearMonthInnerHTML+="</tr>";
    AjarYearMonthInnerHTML+="</table>";
 
</script>
</head>
<body style="margin:0">
<div id="YearMonthCalendar"></div>
<!--时间函数-->
<script>
// JScript 文件


    document.getElementById("YearMonthCalendar").innerHTML=AjarYearMonthInnerHTML;
    var AjarCalendarYear=document.getElementById("AjarYear");
    var AjarCalendarMonth=document.getElementById("AjarMonth");
    
    var CurrDate=new Date();
    var CurrYear=CurrDate.getFullYear();
    var CurrMonth=CurrDate.getMonth();
    var Month="<select id=\"Month\" style='width: 45px; height: 19px'>";
    for (var i = 1; i < 13; i++)
    {
        if(i==CurrMonth+1)
        {
            Month += "<option Author=Ajar value='"+i+"' selected>"+i+"月"+"</option>/r/n";
        }
        else
        {
            Month += "<option Author=Ajar value='"+i+"'>"+i+"月"+"</option>/r/n";
        }
    }
    Month +="</select>"
    AjarCalendarMonth.innerHTML=Month;  
    var Year="<select id=\"Year\" style='width: 65px; height: 19px'>";
    if(parseInt(CurrYear)+parseInt(50)>"9999")
    {
        window.alert("输入的时间格式不正确^v^");    
    }
    else
    {
        for (var i=CurrYear-50;i<CurrYear+50;i++)
        {
            if(i==CurrYear)
            {
                Year +="<option Author=Ajar value='"+i+"' selected>"+i+"年"+"</option>/r/n"; 
            }
            else
            {
                Year +="<option Author=Ajar value='"+i+"'>"+i+"年"+"</option>/r/n"; 
            }   
        }
    }
    Year +="</select>"
    AjarCalendarYear.innerHTML=Year;
//-->
var MonthObj=document.getElementById("Month");
var YearObj=document.getElementById("Year");
function AjarMonth(MonthValue,MonthType)
{
    //处理当取值到1了，这样年就发生变化了，年的值也要发生变化
    var CountCurrMonth=parseInt(MonthObj.value)+parseInt(MonthValue);
    if(CountCurrMonth=="0"||CountCurrMonth>"12")
    {
        if(CountCurrMonth=="0")
        {
            //判断当当前相减的时间小于1时，就让年减一，月变成默认的12月
            YearObj.value=parseInt(YearObj.value)-parseInt(1);
            MonthObj.value="12";
        }
        if(CountCurrMonth>"12")
        {
            //判断当当前相加的时间大于12时，就让年加一，月变成一月
            YearObj.value=parseInt(YearObj.value)+parseInt(1);
            MonthObj.value="1";
        }
    }
    else
    {
        MonthObj.value=CountCurrMonth;
    }
}
function AjarYear(YearValue,YearType)
{
    var CountCurrYear=parseInt(YearObj.value)+parseInt(YearValue);
    if(CountCurrYear<"1000"||CountCurrYear>"9999")
    {
        alert("对不起！您输入的时间不正确，时间应该是在不小于1000和不大于9999的一个值！！");
        return false;    
    }
    else if(CountCurrYear>="1000"&&CountCurrYear<="9999")
    {
        YearObj.value=CountCurrYear;
    }
}
</script>
</body>
</html>
googchar
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js年月控件(无日)
06-29
js年月控件(无日)　 使用了jquery，共3个文件，使用说明内附。 下载地址: http://u.115.com/file/f388284d67　　 广告一下我的QQ群,谢绝只加群不说话的人加入。 WEB前端群:73269871 LAMP群:34513293 Java Paradise...
js时间控件只显示年月
10-20
本文详细介绍了js时间控件只显示年月的方法。具有一定的参考价值，下面跟着小编一起来看下吧
JavaScript 日期、月份选择控件
鞠勇鸿的技术专栏
02-24 6164
/** * add auto hide when mouse moveout * * @version 1.0.1 * @date 2010-11-23 * @author [email protected] */ /** * Date Picker * @param inputObj The input object want to con
日期年月日选择控件
qq_44203816的博客
12-28 1975
效果图如下： 1.自定义View public class DatePickerView extends LinearLayout implements NumberPicker.OnValueChangeListener { private final String TAG = getClass().getSimpleName(); private Context mContext; /** * 视图控件 */ private CustomNumber
js 日历控件
weixin_48495574的博客
02-28 972
仿日历的js代码
JS 原始代码时间控件插件
林中随行的博客
08-19 1138
时间插件 JS
简洁JS 日历控件 支持日期和月份选择（转）
wys3688的专栏
07-05 1745
以下这个JS日历控件是我的闲暇之余自己编写的，所有的代码全部在IE7/IE8/Firefox下面测试通过， 而且可以解决被iframe层遮盖的问题。现在只提供两种风格（简洁版和古典版）和两种语言（英文和中文）。支持自定义日期格式，设定时间范围。 默认为古典版，英文，下面来看简单的缩略图。 首先是简洁版： 日期选择器月份选择器 古典版： 日期选择器日期选择器中文语言月份选择器 下面是使
两种日历时间年月控件--js
04-20
这里包含了两种JS格式的日历，一种可以选择年月，一种具体日期（也可选择年月）。可以灵活的使用，方便开发过程中。节约时间，高效。onclick="return Calendar('xinhui_time2');" 使用点击事件，xinhui_time2 是id的...
JS 年月选择控件
10-10
JS 年月选择控件 JS 年月选择控件 JS 年月选择控件http://zhidao.baidu.com/question/328277855.html预览、 希望懂css的多多改善、
JS年月选择控件
04-22
1、支持年月日选择 2、支持年月选择
原生js月份/年月选择器
08-25
织织网应实际使用开发的一个js年月选择器，采用原生js开发，兼容IE、FF（Firefox）、谷歌（Chrome），其他杂牌浏览器都是基于这三种内核的，就不一一测试了。 插件非常的简单，完全开源，可以做二次开发。 因为很多时候我们不需要精确到天数的，只要年月，很多日期控件是不支持选年的，就算有，使用也有些复杂。本插件只有一个js和一个css，引入后，在表单域加入 onclick="wwwcmsDate(this)" 就可以使用了，支持同一页面多次调用，text、button、submit型元素都能使用，十分方便。
js日期选择功能控件
09-16
不错的日期选择js脚本，年份和月份都是下拉的
js时间控件大全 只显示年月
08-27
共两个时间控件，还有实现的例子...一个现实任何格式的时间...一个只显示年月
只有年或年月的js控件
11-10
包含两种js控件：1、只有年 2、只有年月。希望能帮到大家。
JS 日期控件
04-12
轻量级 简单的 日期插件 轻量级 简单的 日期插件 轻量级 简单的 日期插件
类似iphone的 js日期选择控件
04-20
NULL 博文链接：https://nassir.iteye.com/blog/1897011
用html写文本变形动画
liulang68的博客
04-15 202
【代码】用html写文本变形动画。
HTML 入门
最新发布
lvshihao_的博客
04-16 619
全称：Internet Engineering Task Force（国际互联网工程任务组），成立于1985年底，是一个权威 的互联网技术标准化组织，主要负责互联网相关技术规范的研发和制定，当前绝大多数国际互联网技术标准均出自IETF。全称：World Wide Web Consortium（万维网联盟），创建于1994年，是目前Web技术领域，最具影响力的技术标准机构。超文本：暂且简单理解为 “超级的文本”，和普通文本比，内容更丰富。注意：文档声明，必须在网页的第一行，且在 html 标签的外侧。
html2pdf,qrcode库及url参数拼接
m0_45093055的博客
04-16 181
html2pdf 是一个可以将 HTML 内容转换为 PDF 文件的库。它通常用于前端或服务器端，将网页或 HTML 字符串转换为可打印或可分享的 PDF 格式。这对于需要将网页内容保存为 PDF 或者生成报表等场景非常有用。text参数在qrcode库中不是直接表示页面路径，但你可以将页面路径（URL）作为文本内容传递给toDataURL函数来生成一个指向该页面的二维码。此篇文章主要是对html2pdf,qrcode库及url参数拼接的零散整理。
年季度月周日控件html和javascript,基于element UI按年、季度、年月、年月日的日历插件给一个完整案例，不要用vue写
06-01
好的，以下是一个基于Element UI的年、季度、年月、年月日的日历插件的完整案例，使用HTML和JavaScript编写。 首先，我们需要引入Element UI和相关的CSS和JavaScript文件： ```html <!DOCTYPE html> <title>...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值