jquery UI 1.72 之datepicker

2016-02-19 14:14 13 1 收藏

下面这个jquery UI 1.72 之datepicker教程由图老师小编精心推荐选出，过程简单易学超容易上手，喜欢就要赶紧get起来哦！

【 tulaoshi.com - Web开发】

代码如下:
script type="text/javascript"
$(function() {
var options = {
changeMonth: true, //显示月份下拉框
changeYear: true, //显示年份下拉框
firstDay: 0, //第一天的索引（星期天放前面）（星期天到星期六对应的索引为：0~6）
showOtherMonths: true, //显示其他月份的日期
showMonthAfterYear: false, //年份下拉框放在月份下拉框的前面还是后面
prevText: "上一月", //跳转到上一页的提示文本
nextText: '下一月', //跳转到下一页的提示文本
stepMonths: 2, //每点击一次“上一月”或者“下一月”，移动2个月
navigationAsDateFormat: true,
showCurrentAtPos: 3, //离当前月偏移3个月
showOn: 'both',
//minDate/maxDate/hideIfNoPrevNext为一组
minDate:'-10', //
maxDate: '35',
hideIfNoPrevNext: false, //据说是禁止使用prev 和next ,必须配合maxDate和minDate使用
// defaultDate: 2, //设置当前日期
gotoCurrent: true,
numberOfMonths: 2, //一次显示2个月（2个日历）
yearRange: '2009:2019' //显示可选的年份
};
//初始化日期控件
$('#datePicker').datepicker(options);
//显示当前日期
$('#datePicker').datepicker('getDate');

//设置当前日期
$('#datePicker').datepicker('setDate', '+1m +1d')
})
/script

来源:http://www.tulaoshi.com/n/20160219/1606527.html

上一篇：我见过的最长的表达式
下一篇： JavaScript表单验证中文大写字母

看过《jquery UI 1.72 之datepicker》的人还看了以下文章更多>>

月UI秀(之)

标签：平面设计标志设计 UI设计 VI设计

接上篇,这次介绍三位设计师,第一位是金山公司的员工,官方群会员,猪小三他的博客：http://www.small3.cn 这一位网名是:鍔ㄦ劅王亮(Leon) 毕业于一个小学校大家都不会感兴趣呵呵早期总是网页设计现在在一家网络公司从事UI与web设计 www.iconhouse.cn 也是位博客做得比较有特色,从而吸引了猫眼的设计师. ...

jquery tools之tooltip

标签： Web开发

如tabs的学习，首先给出操作的html目标代码：代码如下: form id="myform" h3 Registration Form/h3 !-- username -- label for="username"Username/label input id="username" / div class="tooltip"Must be at least 8 characters./divbr/ !-- password -- label for="password"Password/label input id="password" type="passwo...

用jQuery扩展自写的 UI导航

标签： Web开发

代码如下: (function($){ $.navs=function(){ return $('#top_menu_bar li').each(function(){ $(this).hover( function(){ $(this).find('ul:eq(0)').show(); }, function(){ $(this).find('ul:eq(0)').hide(); } ); }); }; })(jQuery); 上面是直接定义属性。下面是种常见的方法：代码如下: jQuery.ext...

jquery ui 1.7 ui.tabs 动态添加与关闭(按钮关闭+双击关闭)

标签： Web开发

代码如下： $(document).ready(function(){ $('#tabs').tabs({add:addEventHandler}); //给tabs块绑定addEventHandler事件 $('#newtabs').click(addTab); }) var tabCounter = 1; function addTab(){ if(tabCounter 6){ alert('tabs can not more than 6!'); return; } $('div'+'New tab'+tabCounter+'/div').appendTo('#tabs'); ...

jQuery Ajax之load()方法

标签： Web开发

load()方法是jQuery中最为简单和常用的Ajax方法，能载入远程HTML代码并插入到DOM中。它的语法结构为： load( url [, data][, callback] ) load()方法参数解释见下表：参数名称类型说明 urlString请求HTML页面的URL地址data（可选）Object发送至服务器的key/value数据callback（可选）Function请求完成时的回调函数，无论...

查看更多精彩>>