本文介绍如何使用jQuery UI的日期选择器插件，并设置了中文语言包。通过定义配置项实现日期选择器的基本功能，包括显示月年选项及指定日期格式等。
引用：Daypilot
公共页_Layout.vbhtml:
$(function
() {
var dateConfig = {
定义一个配置
changeMonth: true,
是否添加月选项
changeYear: true,
是否添加年选项
dateFormat: 'yy/mm/dd'
日期格式
}
$("#d1").datepicker(dateConfig);
声明2个日期控件
$("#d2").datepicker(dateConfig);
});
jQuery(function ($) {
$.datepicker.regional['zh-CN'] = {
clearText: '清除',
clearStatus: '清除已选日期',
closeText: '关闭',
closeStatus: '不改变当前选择',
prevText: '<上月',
prevStatus: '显示上月',
prevBigText:
'<<',
prevBigStatus: '显示上一年',
nextText: '下月>',
nextStatus: '显示下月',
nextBigText:
'>>',
nextBigStatus: '显示下一年',
currentText: '今天',
currentStatus: '显示本月',
monthNames: ['一月', '二月',
'三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月',
'十二月'],
monthNamesShort: ['一', '二',
'三', '四', '五', '六', '七', '八', '九', '十', '十一', '十二'],
monthStatus: '选择月份',
yearStatus: '选择年份',
weekHeader: '周',
weekStatus: '年内周次',
dayNames: ['星期日', '星期一',
'星期二', '星期三', '星期四', '星期五', '星期六'],
dayNamesShort: ['周日', '周一',
'周二', '周三', '周四', '周五', '周六'],
dayNamesMin: ['日', '一', '二',
'三', '四', '五', '六'],
dayStatus: '设置 DD
为一周起始',
dateStatus: '选择 m月 d日,
DD',
dateFormat: 'yy-mm-dd',
firstDay: 1,
initStatus: '请选择日期',
isRTL: false
};
$.datepicker.setDefaults($.datepicker.regional['zh-CN']);
});
使用：
@Code
ViewData("Title") =
"支出证明查询"
Using
(Html.BeginForm("SearchIndex", "bx", New RouteValueDictionary From
{{"page", ""}}, FormMethod.Get))
@
开始日期: @Html.TextBox("d1", "", New With {.}) 添加属性autocomplete 是否显示自动完成
结束日期: @Html.TextBox("d2", "",
New With {.})
姓名:
@Html.TextBox("SearchString")
End Using
End Code
扫一扫
742
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
