继续回馈ITEYE, 绝对原创,轻松使用JQuery的日历,一段JS代码让项目文本框调出日历
调用说明:
1. 需要引用jJQuery库;
2. 给需要调用日历的文本框控件加上css id:JQueryDatePicker, [b]你的css样式文件中没有定义也能正确运行。[/b]
<asp:TextBox ID="txtDate" runat="server" Width="100px" CssClass="JQueryDatePicker" />
<input type="text" id="hidUserId" runat="server" value="" class="JQueryDatePicker" />
[color=darkred][b]JS代码:[/b]
[/color]
$(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: '<上月',
nextText: '下月>',
currentText: '今天',
dayNamesMin: ["日", "一", "二", "三", "四", "五", "六"],
monthNames: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"]
});
});
调用说明:
1. 需要引用jJQuery库;
2. 给需要调用日历的文本框控件加上css id:JQueryDatePicker, [b]你的css样式文件中没有定义也能正确运行。[/b]
<asp:TextBox ID="txtDate" runat="server" Width="100px" CssClass="JQueryDatePicker" />
<input type="text" id="hidUserId" runat="server" value="" class="JQueryDatePicker" />
[color=darkred][b]JS代码:[/b]
[/color]
$(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: '<上月',
nextText: '下月>',
currentText: '今天',
dayNamesMin: ["日", "一", "二", "三", "四", "五", "六"],
monthNames: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"]
});
});