`
neeleon
  • 浏览: 181665 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

jquery 之datepicker

阅读更多

<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>

0
1
分享到:
评论

相关推荐

    jQuery UI Datepicker插件timepicker时分秒

    《jQuery UI Datepicker插件与timepicker时分秒扩展详解》 在Web开发中,日期和时间的选择常常是一项必不可少的功能,jQuery UI Datepicker插件是一个非常流行的选择工具,它为用户提供了直观、易于使用的日期选择...

    jquery.datepicker-zh-CN.js

    jquery datepicker 的中文包 调用方法 &lt;script src="./public/js/jquery-ui-1.10.3.min.js"&gt; &lt;script src="./public/js/jquery.datepicker-zh-CN.js"&gt;&lt;/script&gt; &lt;link href="./public/css/jqueryui/jquery-ui-...

    jquery mobile datepicker 手机端日期选择器

    《jQuery Mobile Datepicker:手机端日期选择器深度解析》 在移动应用开发中,日期选择器是一个不可或缺的组件,它提供了用户友好的界面,让用户能够方便地选择日期。jQuery Mobile Datepicker 是一个专为手机端...

    jquery mobile datepicker

    **jQuery Mobile Datepicker** 是一个专门用于移动设备的日期选择器插件,它扩展了标准的jQuery UI Datepicker,使其更适合在触摸屏设备上使用。这个插件在原生的日期选择器基础上增加了对移动环境的优化,如响应式...

    jquery.datepicker 日期控件

    `jQuery UI Datepicker`是jQuery库的一个扩展,用于在网页上创建交互式日期选择器。这个控件使得用户能够方便地选择日期,广泛应用于表单输入、日程管理和其他需要日期选择的应用场景。以下是关于`jQuery UI ...

    jquery.datePicker日历控件应用text文本框弹出日历表与默认显示日

    而`jquery.datePicker`是jQuery的一个扩展插件,用于实现日期选择功能,通常与输入框(input[type="text"])结合使用,为用户提供一个友好的日期选择界面。这个插件提供了丰富的自定义选项和灵活的API,可以方便地...

    jquery ui datepicker all theme

    《jQuery UI Datepicker全主题详解》 在网页开发中,日期选择器是一个常见的交互元素,它使得用户能够方便地输入或选择日期。jQuery UI库中的Datepicker组件是此类功能的一个强大实现,它提供了丰富的功能和多样的...

    jquery的datepicker压缩版js及css

    分享与热爱,仅供学习。 /*! * Datepicker v1.0.10 * https://fengyuanchen.github.io/datepicker * * Copyright 2014-present Chen Fengyuan * Released under the MIT license *

    jQuery-datepicker

    **jQuery-datepicker**是一个广泛使用的JavaScript库,它是基于jQuery的一个组件,专门用于实现日期选择器功能。这个组件在网页中提供了一个交互式的日历控件,允许用户方便地选择日期,通常用于输入表单中的日期...

    修改Jquery UI DatePicker 可以选择时间

    简要修改Jquery UI DatePicker,可以选择时间(小时,分),有需要的朋友可以参考一下。 补充说明:上面的代码做好后,没怎么测试,选择的时间是有问题的:问题1:选择的月份比当前月份少1,问题2:当选择的月份和...

    jQuery UI Datepicker IE8 使用的基本解决方法70-1

    jQuery UI Datepicker IE8 使用的基本解决方法:解决:IE8无法响应其中jquery.ui.datepicker部分标签a(无href)的onclick事件,和td由于放入标签a href="#",无法响应自身onclick事件,只验证了icon-trigger模式,...

    jQuery日期选择插件jQuery-datepicker.zip

    datepicker 是 jQuery 日期选择插件。在线演示 标签:jQuery

    jquery datepicker 时分秒

    `jQuery UI Datepicker` 是一个流行的 JavaScript 库,用于在网页上添加日期选择功能。它源自 jQuery 库,提供了一种简单、用户友好的方式来处理日期输入。在这个特定的场景中,我们不仅关注基本的日期选择,还涉及...

    ASP.NET jquery datepicker的使用

    首先,要使用jQuery的datepicker,你需要引入jQuery UI库,它包含了datepicker组件。你可以从官方站点(https://jqueryui.com/)下载最新版本,或者通过CDN(内容分发网络)链接将其添加到你的HTML文件中。例如: `...

    JQuery Datepicker 多选日期

    在网页开发中,jQuery UI 的 Datepicker 是一个广泛使用的组件,它为用户提供了方便的日期选择功能。然而,原生的 Datepicker 默认情况下只允许选择单个日期。本主题将深入探讨如何通过扩展和定制,实现 jQuery ...

    jQuery插件datepicker的使用详解.pdf

    相比之下,datepicker插件通过图形化界面和动态效果,提供了一种更为优雅的解决方案。 使用datepicker插件的基本步骤如下: 1. 首先,确保已引入jQuery的核心文件,datepicker作为轻量级插件,只需要jQuery的min...

    jquery_datepicker日期选择器包含多种类型日期选择

    《jQuery_datepicker日期选择器:实现多功能日期选择的利器》 在Web开发中,日期选择器是一个不可或缺的组件,它能够帮助用户方便地输入或选择日期,提高用户体验。jQuery_datepicker是jQuery UI库中的一个核心组件...

    jquery - datePicker

    **jQuery datePicker 知识点详解** `jQuery datePicker` 是一个非常流行且实用的JavaScript插件,主要用于在网页中添加日期选择功能。它以其简洁的API和丰富的自定义选项深受前端开发者的喜爱。在这个主题中,我们...

    日期选择器:jquery datepicker的使用

    日期选择器在网页开发中是常见的一种交互组件,它能够帮助用户方便地选取日期,而jQuery UI中的datepicker组件就是这样一个强大的工具。本文将详细介绍如何在项目中使用jQuery UI的datepicker,以及它的一些主要功能...

    jquery.ui.datepicker.js

    日期选择插件Datepicker是一个配置灵活的插件,我们可以自定义其展示方式,包括日期格式、语言、限制选择日期范围、添加相关按钮以及其它导航等。

Global site tag (gtag.js) - Google Analytics