html日期选择控件_随笔

去下载个My97Date 日历控件用法：下载后解压缩，把My97DatePicker文件夹拷贝到网站目录然后在html页的<head>标签内引入WdatePicker.js.如下：<script language="javascript" type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>其中src=""里面的为你的WdatePicker.js文件所在路径最后，给需要插入日期的文本框添加onClick属性：onClick="WdatePicker()"；例如：<input type=text onClick="WdatePicker()">OK，就这么简单

日期：<input type="text" name="ri" id="ri" size="10"/>

function $(v){return document.getElementById(v)}

function jia(x){

var y=parseInt($("a").value)

if (x==0){y=y-1}else{y=y+1}

$("a").value=y

}

var d = new Date()

var str = d.getFullYear()+"-"+(d.getMonth()+1)+"-"+d.getDate()

$("ri").value=str

</script>

<input type="date">这就会自带日期控件了。。。

HTML5 拥有多个供选择日期和时间的新的输入类型：

date - 选择日、月、年

month - 选择月、年

week - 选择周、年

time - 选择时间（时、分）

datetime - 选择时间、日期、月、年（UTC 时间）

datetime-local - 选择时间、日期、月、年（本地时间）

你可以试试不同类型出来的效果，，

如果想要更好看的，那只能去搞个jquery的日期控件来用了，毕竟做得比较成熟，，

但是个人还是很喜欢html5这个新属性，，一句短短的就搞定了，，

不过有一个不好处就是，不同的浏览器渲染出来的效果有些差别。。。。

欢迎分享，转载请注明来源：内存溢出

原文地址:https://54852.com/zaji/6175013.html

html日期选择控件

发表评论

评论列表（0条）