当前位置:首页 > 开发 > 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

    震惊

    震惊

版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号