只显示年月的js时间控件 纯手写
<style>
#date {
text-align: center;
} .td {
cursor: pointer;
}
</style>
<script>
function GetDate() {
var date = new Date();
var year = date.getYear();
var month = date.getMonth();
var str = '';
str += '<table id="date">';
str += '<tr>';
str += '<td><a href="javascript:void(0)" onclick="DelYear()">< <</a></td>';
str += '<td colspan="2"><span id="year">' + year + '</span>年</td>';
str += '<td><a href="javascript:void(0)" onclick="AddYear()">> ></a></td>';
str += '</tr>';
for (i = 0; i < 3; i++) {
str += '<tr>';
str += '<td onclick="ChangeMonth(this)" class="td">' + Number(1 + i * 4) + '月</td>';
str += '<td onclick="ChangeMonth(this)" class="td">' + Number(2 + i * 4) + '月</td>';
str += '<td onclick="ChangeMonth(this)" class="td">' + Number(3 + i * 4) + '月</td>';
str += '<td onclick="ChangeMonth(this)" class="td">' + Number(4 + i * 4) + '月</td>';
str += '</tr>';
}
str += '</table>';
str = str.replace('<td onclick="ChangeMonth(this)" class="td">', '<td onclick="ChangeMonth(this)" class="td" style="color:red">');
document.write(str);
}
function AddYear() {
var year = document.getElementById("year").innerHTML;
year = Number(year) + 1;
document.getElementById("year").innerHTML = year;
}
function DelYear() {
var year = document.getElementById("year").innerHTML;
year = Number(year) - 1;
document.getElementById("year").innerHTML = year;
}
function ChangeMonth(obj) {
var trs = document.getElementById("date").getElementsByTagName("tr");
for (i = 1; i < trs.length; i++) {
var tds = trs[i].getElementsByTagName("td");
for (j = 0; j < tds.length; j++) {
tds[j].style.color = "";
}
}
obj.style.color = "red";
}
</script> <div style="width: 100%; text-align: center;">
<script>GetDate()</script>
</div>
摘自: http://zhidao.baidu.com/question/274527563.html?fr=iks&word=js+%C8%D5%C6%DA%BF%D8%BC%FE%D6%BB%CF%D4%CA%BE%C4%EA%D4%C2&ie=gbk
只显示年月的js时间控件 纯手写的更多相关文章
- [转]一种简单的js时间控件
使用方法: 粘贴代码到文本文档中,文档名称为datetime.js,然后在html文件中引用如下代码即可 <input name="shijian1" id="sh ...
- 一款比较好用的JS时间控件-laydate
官方讲解:http://laydate.layui.com/ 具体的内容请看官方讲解,此处仅说名应用: 1.在jsp或html或其他中引入laydate.js <script src=&qu ...
- flutter showDatePicker显示中文日期_Flutter时间控件显示中文
flutter showDatePicker showTimePicker显示中文日期 1.配置flutter_localizations依赖 找到pubspec.yaml配置flutter_loca ...
- 自带日期时间 showDatePicker显示中文日期_Flutter时间控件显示中文
flutter showDatePicker showTimePicker显示中文日期 1.配置flutter_localizations依赖 找到pubspec.yaml配置flutter_loca ...
- JS时间控件 moment.js用法
参考http://momentjs.cn/ 下载 moment.js moment.min.js 12.4k moment+多语言支持.js moment+多语言支持.min.js 45.4k 安装 ...
- easyui datebox时间控件如何只显示年月
easyui datebox控件,只显示年月,不显示年月日 需要的效果图如下: 具体的js代码: <script> $(function(){ intiMonthBox('costTime ...
- zui框架配置日期控件只显示年月
zui框架配置日期控件datetimepicker只显示年月 <!DOCTYPE html> <head> <script src="~/Scripts/jqu ...
- 转 EasyUi日期控件datebox设置,只显示年月,也只能选择年月
1.引入Jquery和easyui,注低版本的Jquery和easy不能使用,这里使用的Jquery是1.8.2easyui是1.6.1.1.easyui下载地址:http://www.jeasyui ...
- JQuery EasyUI 日期控件 怎样做到只显示年月,而不显示日
标题问题的答案在OSChina中 http://www.oschina.net/question/2282354_224401?fromerr=lHJTcN89 我还是把这个记录下来 ======== ...
随机推荐
- 流量计算-Jstorm提交Topology过程(下一个)
马上部分流量计算-Jstorm提交Topology过程(上), 5.上篇任务已经ServiceHandler.submitTopologyWithOpts()方法.在该方法中,会实例化一个Topolo ...
- AndroidUI的组成部分ProgressBar
package com.gc.progressbar; /* * 1.ProgressBar组件也是一组重要的组件,ProgressBar本身代表了进度条组件, * 它还派生了两个经常使用的组件:Se ...
- Java知多少(4)J2SE、J2EE、J2ME的区别
原文:Java知多少(4)J2SE.J2EE.J2ME的区别 1998年12月,SUN公司发布了Java 1.2,开始使用“Java 2” 这一名称,目前我们已经很少使用1.2之前的版本,所以通常所说 ...
- 使用Python做科学计算初探(转)
今天在搞定Django框架的blog搭建后,尝试一下python的科学计算能力. python的科学计算有三剑客:numpy,scipy,matplotlib. numpy负责数值计算,矩阵操作等: ...
- JS基础——函数的创建和使用
在JS中函数在使用时实质上和我们平时学习的编程语言中的函数类似,它相同也具有函数名,參数,返回值,函数体等这些寻常函数所具有的内容.可是作为一种脚本语言,它确实也有自己不一样的地方. 一.创建 < ...
- Java Math的floor,round,ceil函数小结
转自 http://blog.csdn.net/foart/article/details/4295645 floor 返回不大于的最大整数 round 则是4舍5入的计算,入的时候是到大于它的整数( ...
- 一个轻量级rest服务器
RestServer直接发布数据库为json格式提供方法 RestSerRestServer直接发布数据库为json格式 支持MySQL,SqlServer,Oracle直接发布为Rest服务, 返回 ...
- 设置SQLServer数据库中某些表为只读的多种方法
原文:设置SQLServer数据库中某些表为只读的多种方法 翻译自:http://www.mssqltips.com/sqlservertip/2711/different-ways-to-make- ...
- hdu 3081 hdu 3277 hdu 3416 Marriage Match II III IV //灵活运用最大流量
3081 意甲冠军: n女生选择不吵架,他甚至男孩边(他的朋友也算.并为您收集过程).2二分图,一些副作用,有几个追求完美搭配(每场比赛没有重复的每一个点的比赛) 后.每次增广一单位,(一次完美匹配) ...
- Windows Phone 8 ControlTiltEffect
/* Copyright (c) 2010 Microsoft Corporation. All rights reserved. Use of this sample source code is ...