论坛首页 Web前端技术论坛

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

浏览 2442 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2012-10-01  
继续回馈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: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"]
   });
});
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics