当前位置:首页 > 开发 > Web前端 > Jquery > 正文

轻松使用JQuery的日历,一段JS代码让项目文本框调出日历

发表于: 2012-10-01   作者:ansonlh   来源:转载   浏览次数:
摘要: 继续回馈ITEYE, 绝对原创,轻松使用JQuery的日历,一段JS代码让项目文本框调出日历 调用说明: 1. 需要引用jJQuery库; 2. 给需要调用日历的文本框控件加上css id:JQueryDatePicker, 你的css样式文件中没有定义也能正确运行。 <asp:TextBox ID="txtDate" runat="server&qu
继续回馈ITEYE, 绝对原创,轻松使用JQuery的日历,一段JS代码让项目文本框调出日历
调用说明:
1. 需要引用jJQuery库;
2. 给需要调用日历的文本框控件加上css id:JQueryDatePicker, 你的css样式文件中没有定义也能正确运行。
<asp:TextBox ID="txtDate" runat="server" Width="100px" CssClass="JQueryDatePicker" />

<input type="text" id="hidUserId" runat="server" value="" class="JQueryDatePicker" />



JS代码:

$(document).ready(function () {

   $('.JQueryDatePicker').datepicker({
      showOnFocus: true,
      changeMonth: true,
      changeYear: true,
      showOtherMonths: true,
      selectOtherMonths: true,
      showStatus: true,
      gotoCurrent: true,
      numberOfMonths: 3,
      showCurrentAtPos: 2,
      firstDay: 1,
      //showOn: "both",
      //rangeSelect: true,
      //monthsToShow: 2,
      dateformat: 'yy-mm-dd',
      yearRange: '-10:+1',
      closeText: '关闭',
      prevText: '&#x3c;上月',
      nextText: '下月&#x3e;',
      currentText: '今天',
      dayNamesMin: ["日", "一", "二", "三", "四", "五", "六"],
      monthNames: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"]
   });
});

轻松使用JQuery的日历,一段JS代码让项目文本框调出日历

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
jQuery是目前最流行的JavaScript库,它极大的简化了JavaScript的开发。 下面是一个jQuery日历插件的
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head>
找了很久,终于找到了。现在分享。 1.下载jquery,链接css文件。 2.新建一个<div>,如下: <
一、相关参考: http://docs.jquery.com/UI/Datepicker JQuery官网关于Datapicker的使用 http://jqu
作者:zccst 官方手册: http://www.dynarch.com/jscal/#sec2 demo: http://www.dynarch.com/jscal/
calendar.js //now date function getNowDate() { var nn=new Date(); year1=nn.getYear(); mon1=nn
calendar.js //now date function getNowDate() { var nn=new Date(); year1=nn.getYear(); mon1=nn
calendar.js //now date function getNowDate() { var nn=new Date(); year1=nn.getYear(); mon1=nn
calendar.js //now date function getNowDate() { var nn=new Date(); year1=nn.getYear(); mon1=nn
Jquery日历控件合集 FullCalendar FullCalendar是很出名的jQuery日历插件,它支持拖拽等功能,整合
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号