jquery UI 1.72 之datepicker

2016-02-19 14:14 9 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

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

延伸阅读
标签: 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...
标签: Web开发
jQuery UI.Layout Plug-in jQuery还是蛮夯的家伙。 CSS+DIV时代,要编排个页框的版面还真不简单,如果又是对为对于网页的layout不是很在行的人,非常适合这套jQuery UI.Layout Plug-in。 这个plugin的功能真的还蛮强大的,我觉得其中比较特殊的是下面这几点: collapsable:每一个pane都可以收合,而且还可以加上jQuery特效 resiza...
标签: 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...
标签: 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'); ...
标签: Web开发
load()方法是jQuery中最为简单和常用的Ajax方法,能载入远程HTML代码并插入到DOM中。它的语法结构为: load( url [, data][, callback] ) load()方法参数解释见下表: 参数名称 类 型 说 明 urlString请求HTML页面的URL地址data(可选)Object发送至服务器的key/value数据callback(可选)Function请求完成时的回调函数,无论...

经验教程

679

收藏

25
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部