开发者社区> hopegrace> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

datepicker示例

简介: jQuery Datepicker          $(function() {  var nowdays = new Date();  var dateConfig = {  showOn:...
+关注继续查看

<html> 

<head> 

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 

<title>jQuery Datepicker</title> 

<script type="text/javascript" src="jquery-1.3.2.js"></script> 

<script type="text/javascript" src="jquery.datepick.js"></script> 

<script type="text/javascript" src="jquery.datepick-zh-CN.js"></script> 

<script type="text/javascript"> 

$(function() { 

var nowdays = new Date(); 

var dateConfig = { 

showOn: 'both',               //二个都显示 

buttonImage: 'calendar.gif',  //加载图片 

buttonImageOnly: true,        //显示图片的地方有一个突出部分,这个就是隐藏那玩意的 

changeFirstDay: false,        //这个参数干什么的呢,星期一是日历的第一个,不可以改动的 

numberOfMonths: 2,            //显示二个月,默认一个月 

minDate: nowdays,             //显示最小时间是今天 

dateFormat: 'yy-mm-dd',       //日期格式 

yearRange: '-20:+20'          //前后20年,不过这根minDate是今天有冲突,自己去试吧。 

}; 

$('#goodplugin').datepick(dateConfig); 

$('#showdate').datepick(dateConfig); 

}); 

</script> 

<link type="text/css" href="smoothness.datepick.css" rel="stylesheet" /> 

</head> 

<body> 

<h1>jquery 日历插件举例</h1> 

<br> 

<a href="datepick1.html">样式1</a> 

<br> 

<a href="datepick2.html">样式2</a> 

<br> 

<a href="datepick3.html">样式3</a> 

<br><br><br> 

<div id="showdate"></div> 

<br> 

<br> 

<div>左边直接显示,右边要点击<input type="text" id="goodplugin"/></div> 

</body> 

</html> 

原文:

http://blog.51yip.com/jsjquery/884.html

http://blog.51yip.com/demo/datepick/datepick3.html

http://blog.51yip.com/demo/datepick/jquery-1.3.2.js

http://blog.51yip.com/demo/datepick/jquery.datepick.js

http://blog.51yip.com/demo/datepick/jquery.datepick-zh-CN.js

http://blog.51yip.com/demo/datepick/humanity.datepick.css

http://docs.jquery.com/UI/Datepicker#options

多个示例:

http://jqueryui.com/datepicker/

http://jqueryui.com/datepicker/#dropdown-month-year

http://www.open-open.com/ajax/ajax20080626102652.htm

http://polaris.blog.51cto.com/1146394/259318

http://www.eyecon.ro/datepicker/#about

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
ElementUI日期组件(DatePicker )图标定制
ElementUI日期组件(DatePicker )图标定制
0 0
VUE element-ui 之时间格式转时区格式
VUE element-ui 之时间格式转时区格式
0 0
elementUI(datepicker)限制日日期的选择
elementUI(datepicker)限制日日期的选择
0 0
SAP UI5的控件DatePicker的DateFormat属性详解
SAP UI5的控件DatePicker的DateFormat属性详解
0 0
DatePicker示例
1 布局文件很简单,只有一个Button.如下: 2 MainActivity如下: package cn.
451 0
My97DatePicker 演示和文档
http://www.my97.net/dp/demo/index.htm
672 0
jquery ui datepicker 只能选今天以后的日期
 $("input[name=begintime],input[name=endtime],input[name=Arrivedate]").datepicker({dateFormat:"yy-mm-dd",minDate: new Date()});
758 0
7.1.2 DatePicker结合案例详解
DatePicker是Android的日期设置控件。DatePicker类的继承图如下:<br>java.lang.Object<br>   ↳android.view.View<br>    ↳android.view.ViewGroup<br>    ↳android.widget.FrameLayout<br>    ↳android.widget.DatePicker
891 0
+关注
文章
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载